Every color on this page is editable. Right now.

Color Lens scans the page for every CSS variable that holds a color, then hands you sliders, contrast checks, and a one-click export - no reload, no build step.

Install

Drop this script tag anywhere in your HTML - no build step, no package manager.

Live palette

Twelve custom properties on this page hold a colour - hex, hsl, and oklch all read the same to the script.

Try it live

Open Color Lens and tweak the panel below - every field, switch, and button here is styled entirely from CSS variables.

Sign in to Harborline

Welcome back.

Forgot password?

New to Harborline? Create an account

Notifications

Choose what Harborline sends you.

  • Deploy alerts
    When a build ships to production
  • Product updates
    New features and releases
  • Weekly digest
    A Monday summary of activity
  • Security
    New sign-ins and password changes