Color Tools

List the classic 216 browser-safe colours, optionally filtered by a hex fragment.

Browse all 256 terminal colours with index and RGB value.

APCA L_c contrast — the WCAG 3 draft contrast algorithm.

Pick black or white text for any background by maximising WCAG contrast.

Convert sRGB to/from CIE Lab and CIE LCH.

Convert between RGB (sRGB display) and CMYK (process print).

Simulate color blindness types.

Explore complementary, analogous, triadic, tetradic and monochrome palettes.

Sort a list of hex colors by hue, lightness or saturation.

Mix two colors and see the result.

Describe any color in plain English — 'dark muted blue', 'pale red'.

Search CSS color names and copy their HEX values.

Describe a mood or theme and get a cohesive HEX colour palette with usage notes.

Pick and copy any color in any format.

Design an evenly-spaced palette that stays discriminable under deuteranopia, protanopia and tritanopia.

Curated categorical, sequential and diverging palettes for charts.

Compute WCAG contrast ratios for every pair in a palette.

Check WCAG contrast ratios.

Create CSS gradients visually.

Build light and dark color pairs with contrast ratios.

Pair each light-mode hex colour with a dark-mode counterpart using OKLCH lightness inversion.

Perceptual color difference — CIE76, CIE94 and CIEDE2000.

Deterministic color from any string.

Edit and inspect colors in HCT (Material 3 hue/chroma/tone, approximation).

See a colour, guess its HEX code. Train your eye for design tokens.

HSI (Hue, Saturation, Intensity) — used in machine-vision colour models.

Edit colors in HSLuv space — perceptually uniform alternative to HSL.

Color temperature (Kelvin) to approximate sRGB.

Find the closest Material Design palette color for any HEX value.

Approximate sRGB from a Munsell hue/value/chroma notation.

Find the nearest CSS named color.

Edit a color in OKLCH space — perceptually uniform.

Export a hex palette as CSS variables, SCSS, JSON or a Tailwind config block.

Generate harmonious color palettes.

Find the nearest PANTONE® coated swatches to any RGB colour.

Look up common RAL Classic paint colours and their approximate hex values.

Generate random colors and copy HEX, RGB and HSL values.

Save palettes as comma-separated hex values.

Find the closest Tailwind palette color for any HEX value.

Generate a Tailwind-style 50-950 scale from one base color.

Generate light/dark variations.

Approximate the sRGB color for a visible-light wavelength (380–780 nm).

List every pair from your palette that meets a contrast threshold.