What can this color tool do?

Pick a color and read it as HEX, RGB, HSL and OKLCH at once, copy any format, drag hue/saturation/lightness/alpha sliders, generate tints, shades and harmonies, check WCAG contrast, and pick a color straight from an image — all on one page.

Which color formats are supported?

HEX (including 4- and 8-digit alpha), RGB/RGBA, HSL/HSLA, OKLCH, and CSS color names like rebeccapurple. Paste any of them into the color field and the rest are computed instantly.

What is OKLCH and why include it?

OKLCH is a modern, perceptually-uniform color space — lightness, chroma and hue — where equal numeric changes look like equal visual changes. It's increasingly used in CSS for palettes that stay even and accessible, so the converter treats it as a first-class format.

Is anything uploaded?

No. Everything runs in your browser with JavaScript — colors and any image you pick from never leave your device. It's free with no sign-up; one unobtrusive ad slot covers hosting.

Omnibus

HEX#2a78d6

RGBrgb(42, 120, 214)

HSLhsl(213, 68%, 50%)

OKLCHoklch(0.575 0.163 255.5)

Hue213°

Saturation68%

Lightness50%

Alpha100%

On whiteFail

4.42:1

On blackAA

4.76:1

Shades & harmonies

Tints & shades

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Pick from an image

Upload or drop an imageHover to preview a pixel, click to lock the color. Nothing is uploaded.

100% Free
No Sign-Up
No Credit Card
No Free Trial
No Pro Tier
No Watermarks

Nothing is uploaded. Just open it and start.

The all-in-one color tool for developers

Free, no sign-up, nothing uploaded. Convert between HEX, RGB, HSL and OKLCH, generate palettes, check WCAG contrast, and pull a color from an image — everything runs in your browser.

Pick & convert

HEX, RGB, HSL and OKLCH side by side — copy any format, or use the eyedropper.

Check contrast

Live WCAG AA/AAA ratios so your text stays readable on any background.

Build palettes

Tints, shades, and five hue harmonies generated from any base color.

Private & client-side

No sign-up, nothing uploaded. Every color stays in your browser.

Color converters

HEX → RGB RGB → HEX HEX → HSL HSL → HEX RGB → HSL HSL → RGB HEX → OKLCH OKLCH → HEX

More color tools

Contrast Checker Palette Generator Image Color Picker

Related tools

Mermaid Studio

Write Mermaid diagrams, preview live, export PNG/SVG, and share with a link.

JSON Formatter

Format, validate, and minify JSON with live error checking and one-click download.

Code Compare

Compare two code snippets or files with a clear, color-coded diff, side-by-side or unified.

Base64 & URL Encoder/Decoder

Encode and decode text with Base64 or URL encoding instantly, entirely in your browser.

Frequently asked questions

What can this color tool do?: Pick a color and read it as HEX, RGB, HSL and OKLCH at once, copy any format, drag hue/saturation/lightness/alpha sliders, generate tints, shades and harmonies, check WCAG contrast, and pick a color straight from an image — all on one page.
Which color formats are supported?: HEX (including 4- and 8-digit alpha), RGB/RGBA, HSL/HSLA, OKLCH, and CSS color names like rebeccapurple. Paste any of them into the color field and the rest are computed instantly.
What is OKLCH and why include it?: OKLCH is a modern, perceptually-uniform color space — lightness, chroma and hue — where equal numeric changes look like equal visual changes. It's increasingly used in CSS for palettes that stay even and accessible, so the converter treats it as a first-class format.
Is anything uploaded?: No. Everything runs in your browser with JavaScript — colors and any image you pick from never leave your device. It's free with no sign-up; one unobtrusive ad slot covers hosting.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.