RGB color picker

Build a color channel by channel — R, G and B sliders with live preview and instant HEX, HSL and OKLCH output.

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.

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 range do RGB channels use?

Each channel runs 0–255 in CSS (8 bits). 0 means no light from that channel; 255 means full intensity. CSS also accepts percentages (rgb(100% 0% 0%)).

Why do RGB sliders feel unintuitive?

Because RGB is device-oriented, not perceptual: adding 20 points of red does not look like "20 more red". For intuitive editing use the HSL or OKLCH tabs — same color, better controls.

What is rgb() vs rgba()?

rgba() adds an alpha channel (0–1). Modern CSS also allows rgb(255 87 51 / 0.5). This picker accepts both forms and normalizes them to HEX.

Related tools

Color Picker

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

HEX Color Picker

Pick a color and read it as a HEX code — sliders, native picker and instant copy.

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…