Color Code Detector

Identify the nearest named color and every code for any color.

Pick a color

Screen color picker isn't supported in this browser — use the picker or paste a HEX code.

Color codes

Nearest named color

Royal Blue

#4169e1 · Δ 30.33

HEX#2563eb

RGBrgb(37, 99, 235)

HSLhsl(221, 83%, 53%)

Palette & harmonies

Shades & tints

Complementary

Analogous

Triadic

Tetradic

Tap any swatch to set it as the base color.

Color mixer

Base color

Second color

Mix ratio: 50% / 50%

Mixed color#8d51a5

Formula & methodology

Compares your color to a table of standard CSS named colors and reports the closest by straight-line distance in RGB space.

Why does it say "nearest" color?

Most colors do not have an exact standard name, so the tool reports the closest named color and shows how far it is.

All processing happens locally in your browser. Your data is never uploaded.

Convert colors between HEX, RGB and HSL with a live preview.

Generate shades, tints and color harmonies from any base color.

Blend two colors at any ratio and see the fused result and gradient.