Related, not identical. Copy what your software labels. If the swatch looks right, you are close enough for UI work.

Treat this as classic sRGB hex unless the UI says otherwise. Wide-gamut is a different pipeline.

Can I convert HEX to CMYK here?

Not as a press-accurate tool. Use a print workflow.

Tailwind class from hex?

Not this page. Copy hex into your config.

Paste a css `oklch()`?

If the field accepts it. Otherwise convert in a tool that speaks OKLCH.

Why not named CSS colors?

They are aliases. Tokens prefer codes. Use names in throwaway CSS if you like.

Color Picker Cluster

HEX & RGB Color Picker

Selected color

HEX

HSL

Advanced pickers

Image canvas sampling · Interactive color board · Multi-format output

Image sampler

Drop image to sample colors

JPG, PNG, WebP, GIF

Color board

Hue217°

Color formats

HEX

RGB

HSV

HSL

CMYK

Color variations

Shades mix pure black · Tints mix pure white · Click to copy & apply

Shades (black mix)

Tints (white mix)

Color harmonies

Theory-based palettes from your selected hue

Harmony wheel

WCAG contrast checker

Background uses your globally selected color · Evaluate text readability

Text color (HEX)

Contrast ratio

3.68

Normal text

Fail

Small text

Fail

Large text

Pass AA

The quick brown fox jumps over the lazy dog

Sample body text on your selected background. Large text is typically 18pt+ regular or 14pt+ bold.

100% client-side · Canvas pixel sampling · No uploads

Need the main tool? Color Picker

Written by Safaat Rahman Siham, Founder & Developer at Convertify4u. Contact us.

Codes you can paste — HEX, RGB, HSL

Same color, several spellings

Copy the one your file already uses. Do not mix HEX and RGB in one token set without a reason.

From a screenshot

Image spoke first, then come here to nudge.

How it works

1
Set the swatch
Board, sliders, or paste a known hex to tweak.
2
Copy the format you need
One click. Check you did not grab HSL when the file wanted HEX.
3
Paste and verify in the browser
Especially alpha — CSS and this tool must agree on 8-digit hex vs rgba.

Use cases

Design tokens

A source of truth hex, then derived tints in your system — not here.

Debug a live site

Screenshot, sample, paste the token you thought it was.

Engineers who hate named colors

No “cornflowerblue.” Codes only if you want.

Problems we solve

Paywalled hex copy

That is a parody of a tool. We do not do it.

Assuming HEX is sRGB always in print

Screen codes. Convert for press.

8-digit hex vs your CSS parser

Know if alpha is allowed in that file.

Trust & technology

Local

Nothing to upload if you never drop a photo.

Formats without stuffing

HEX, RGB, HSL — said once, copied often.

No account

A string of six characters should not need SSO.

Frequently asked questions

Color Picker