Skip to content
SimpleConvertSimpleConvert

Color web & color

Pickers, palettes and codes. 13 tools.

Blue coloursEvery CSS blue shade with its hex and RGB values — from AliceBlue through to MidnightBlue. Search the list and click any swatch to copy its code.Color pickerPick a colour from a saturation square and hue slider, read off HEX, RGB and HSL, and build tints, shades and a matching palette.Colour schemesBuild complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes from any base colour, with CSS variables ready to copy.Colour wheelAn interactive colour wheel with hue, saturation and lightness sliders, showing the HEX, RGB and HSL values plus the contrast against white.Contrast checkerCheck any text and background pair against the WCAG AA and AAA contrast thresholds, with a live preview at the text size you actually plan to use.Green coloursEvery CSS green shade with its hex and RGB values — from PaleGreen through to DarkGreen. Search the list and click any swatch to copy its code.Grey coloursEvery CSS grey shade with its hex and RGB values — from White through to Black. Search the list and click any swatch to copy its code.HTML colour codesEvery CSS named colour grouped by family, with its hex and RGB values. Search by name or code, and click any swatch to copy it.Image colour pickerLoad an image and click anywhere to sample that pixel's exact colour, with the dominant colours of the whole picture extracted automatically.Purple coloursEvery CSS purple shade with its hex and RGB values — from Lavender through to Indigo. Search the list and click any swatch to copy its code.Red coloursEvery CSS red shade with its hex and RGB values — from LightSalmon through to Maroon. Search the list and click any swatch to copy its code.Web safe coloursThe 216 web-safe colours in a searchable chart with hex and RGB values — a historical palette that is still a useful set of evenly spaced swatches.Yellow and gold coloursEvery CSS yellow shade with its hex and RGB values — from LightYellow through to Peru. Search the list and click any swatch to copy its code.