HEX color picker

Pick any color and get its HEX code instantly — with quick swatches, sliders and live conversion to RGB, HSL, HSV, OKLCH and CMYK.

Input

Color value

#E4572ECustom color · oklch(63.72% 0.184 36.5)

HEX#E4572E

RGBrgb(228, 87, 46)

HSLhsl(14, 77%, 54%)

HSVhsv(14, 80%, 89%)

OKLCHoklch(63.72% 0.184 36.5)

OkLaboklab(63.72% 0.1478 0.1093)

CMYKcmyk(0%, 61.8%, 79.8%, 10.6%)

CSScolor: #e4572e;

Format

Every editor writes to the same color — switch tabs without losing sync.

HEX

Contrast

WCAG contrast of this color used as text on white and on black.

On white3.68 : 1On black5.70 : 1Best text color#000000 5.70 : 1

Closest named colors

Tomato (survey)ΔE 4.2 Orangey RedΔE 4.4 Orange RedΔE 4.5

Continue with this color

Palette from this →Check contrast →Shades and tints →All formats →

Need every format at once? Open the universal color picker →

FAQ

What is a HEX code?

A HEX code is RGB written in base 16: #ff5733 means red 255, green 87, blue 51. Three-digit shorthand (#f53) expands to six digits by doubling each digit.

Does HEX support transparency?

Yes — 8-digit HEX (#ff573380) appends an alpha channel, and 4-digit shorthand works the same way. This picker accepts both and normalizes them.

Which is better, HEX or RGB?

They describe the same color. HEX is compact for CSS and design files; RGB is easier to compute with. Use whichever your toolchain prefers — this page converts between them as you type.

Related tools

Color Picker

Universal picker — HEX, RGB, HSL, HSV, OKLCH and CMYK in one place, with an eyedropper.

RGB Color Picker

Pick colors by RGB channels — live preview, HEX and HSL output, contrast info.

Color Converter

HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLCH and XYZ in one place.

HSL Color Picker

Hue, saturation and lightness sliders with instant HEX/RGB values.

Loading…