All Color Tools

Every tool on this site in one place, grouped by task — pick colors from images, convert between CSS notations, build palettes, and test contrast and accessibility. All free, no sign-up, and nothing you enter ever leaves your browser.

Pick & Extract

Get colors out of images and your screen

Color Picker from ImageUpload or paste any image and pick colors with a zoom loupe.Color PickerInteractive picker with sliders and every CSS color format.

Convert Color Codes

HEX, RGB, HSL, CMYK, OKLCH and more

Color ConverterConvert any CSS color between HEX, RGB, HSL, CMYK, LAB and OKLCH.HEX to RGBConvert HEX color codes to RGB values instantly.RGB to HEXConvert RGB values to HEX color codes instantly.HEX to HSLConvert HEX color codes to HSL notation.HSL to HEXConvert HSL colors to HEX codes.RGB to HSLConvert RGB values to HSL notation.HSL to RGBConvert HSL colors to RGB values.RGB to CMYKConvert screen RGB colors to CMYK for print work.CMYK to RGBConvert CMYK print values to screen RGB and HEX.HEX to OKLCHConvert HEX codes to modern CSS OKLCH notation.OKLCH to HEXConvert OKLCH colors back to HEX with gamut mapping.Color Name FinderThe closest CSS color names for any color, ranked by ΔE.

Palettes

Extract and generate color palettes

Color Palette from ImageExtract the dominant colors of any photo as a palette.Color Palette GeneratorGenerate, lock and export five-color palettes — free.Color WheelInteractive wheel with live OKLCH harmony schemes.Tints & ShadesTints, shades, tones and a Tailwind-style 50–900 ramp.Color MixerBlend two colors perceptually with an even-steps strip.Random Color GeneratorGenerate random colors with lock and history.Complementary ColorsThe exact opposite of any color, perceptually matched.Triadic ColorsBalanced three-color schemes, 120° apart.Analogous ColorsNatural neighbor schemes from any base color.Monochromatic ColorsOne hue stepped through even OKLCH lightness.Split-ComplementaryComplementary energy with the tension dialed down.

Test & Check

Contrast, comparison and accessibility

Color Contrast CheckerWCAG AA/AAA contrast ratios with fix suggestions.Compare ColorsSide-by-side swatches with Delta E and contrast.Color TesterTry colors in realistic scenes: wall, UI card, fabric.Color Blindness SimulatorSee colors, palettes and images as color-blind users do.

One toolbox for everyday color work

Color work rarely stops after a single step. You pick a color from a mockup, translate it into the notation your code needs, check that it is readable on its background, and maybe build a small palette around it. This site covers that whole chain with fast, focused pages: a picker that reads exact pixels out of any image with a zoom loupe, converters for every common CSS notation, a WCAG contrast checker, a side-by-side comparison with Delta E, and a palette extractor for photos.

Start from an image or from a value

If your starting point is a photo, screenshot or logo, use the color picker from image, or extract a whole palette of its dominant colors in one go. If you already have a value, the converters translate between HEX (including shorthand and 8-digit alpha), rgb(), hsl(), CMYK for print handoffs, and the modern Lab, LCH and OKLCH spaces — with dedicated pages for popular pairs such as HEX to RGB or HEX to HSL, each explaining exactly how the math works.

Test before you ship

The contrast checker grades text and background pairs against the WCAG AA and AAA thresholds and suggests fixes when a combination falls short. The comparison tool reports Delta E, a perceptual distance measure, which answers “are these two brand blues actually the same?” far more reliably than eyeballing. And when you need a starting point rather than an answer, the random color generator with lock and history is a quick way out of a blank page.

Private by design

Everything here runs entirely in your browser. Images are read locally and never uploaded; colors you type, pick or save are never transmitted. Saved colors and preferences live only in your browser’s localStorage and can be cleared at any time. There is no account, no watermark and no paywall — just tools. Read more on the about page or in the privacy policy.

Frequently asked questions

Is Color Tools free to use?

Yes — every tool on this site is completely free, with no sign-up, no usage limits, no watermarks and no paywalled exports. To keep it that way, unobtrusive ads may be shown in the future.

Are my images uploaded when I pick colors from them?

No. Images you open in the picker or the palette extractor are read directly by your browser and never leave your device. There is no upload step and no processing server — everything runs locally.

Does Color Tools work offline?

Largely, yes. All processing happens in your browser, so once a tool page has loaded you can keep converting, picking and checking without a connection. You only need to be online to load a page.

Which color formats are supported?

HEX in 3-, 4-, 6- and 8-digit form, rgb() and rgba(), hsl(), CMYK, Lab, LCH and OKLCH, plus CSS named colors like rebeccapurple. The universal color converter shows every notation side by side.