Color picker · HEX · RGB · HSL · CMYK

Free Color Picker Online The whole spectrum, in your tab.

The old ad-wrapped sites run banner ads against your visit and rank for "color picker" with a static page. The big suites need a cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.

Open the picker
01
CONVERT

Every color format, in one place — HEX, RGB, HSL, CMYK, named.

Type #FF5200 and see RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0), and the closest CSS named color. Copy any format with one click. Edit any field, the others stay synced.

Open the tool
Runs on your device · free · no account

What it actually does

02
PALETTE

Color theory, generated

Complementary, analogous, triadic, split-complementary, monochromatic, tetradic. Pick a base, get a usable palette in five hues.

03
CONTRAST

WCAG AA & AAA

Pair any two colors. Get the ratio. Pass / fail for body text and large text.

04
EYEDROPPER

Pick from screen

EyeDropper API on Chrome / Edge. Sample any pixel anywhere on screen.

How it works

  1. Open morph.cool/color in any modern browser. No login, no install, no card.
  2. Pick visually — drag the picker, type a HEX, paste an RGB string, or sample with the EyeDropper button (Chrome/Edge).
  3. See instant conversions across HEX, RGB, HSL, and CMYK. Edit any field; the others stay synced.
  4. Generate palettes — complementary, analogous, triadic, split, monochromatic, tetradic. Each palette is one click away from copy.
  5. Test contrast. Pair any two colors against WCAG AA / AAA targets for normal and large text.
4 formatsHEX · RGB · HSL · CMYK
6 schemesPalette generators
0Account required

Why most color tools feel like a maze

Three patterns dominate the color-picker market. First: ad-wrapped sites that out-rank everything by being old, dense with banner ads, and barely interactive. Third: enterprise-tier suites that demand a cloud account for what should be a hundred lines of code. Morph is the local-first, no-account, every-format-included version. The browser already has an EyeDropper API and a color input; Morph wraps them in a usable interface and adds the math (CMYK, HSL, contrast, palette theory) that every designer needs.

Where the design SaaS still wins

The palette-library sites have community collections — millions of user-saved palettes you can browse and remix. If your workflow centers on community-curated inspiration, Morph's standalone picker isn't the right surface. Morph is the math + the conversions + the palette generator + contrast checking — the deterministic, reproducible parts. The "browse a million user palettes" part is a different product.

Frequently asked

Can I convert between HEX and RGB?

Yes. Enter any HEX color code and Morph instantly shows the RGB, HSL, and CMYK equivalents. Works in all directions — type into any field and the others sync.

Does Morph check color contrast for accessibility?

Yes. Morph calculates WCAG contrast ratios between any two colors and tells you if the combination meets AA or AAA accessibility standards for body text and large text.

Can I generate color palettes from a single color?

Yes. Select a base color and Morph generates complementary, analogous, triadic, split-complementary, monochromatic, and tetradic palettes based on color theory.

Does the eyedropper actually pick from anywhere on screen?

Yes on Chrome and Edge — Morph calls the browser's EyeDropper API. Click the eyedropper button, hover anywhere on your screen, click to sample. Safari and Firefox don't yet expose this API; in those browsers Morph falls back to picking from within the picker surface.

Are my colors stored anywhere?

Saved palettes live in localStorage on your device. They never sync to a Morph server. Clear browser storage, they're gone — and Morph has no copy.

While you're here Photo Editor SVG to PNG QR Code Generator Signature Maker Morph Pro
Open the color picker
Open the color picker
Nothing leaves your device · Free for what you make, credits for what we run