Color Tools

Pick, mix, convert and check colours.

37 tools

ANSI 256 Color Picker Browse all 256 terminal colours with index and RGB value.
APCA Contrast Checker APCA L_c contrast — the WCAG 3 draft contrast algorithm.
CIE Lab / LCH Converter Convert sRGB to/from CIE Lab and CIE LCH.
CMYK ↔ RGB Converter Convert between RGB (sRGB display) and CMYK (process print).
Color Blindness Simulator Simulate color blindness types.
Color Harmony Explorer Explore complementary, analogous, triadic, tetradic and monochrome palettes.
Color List Sorter Sort a list of hex colors by hue, lightness or saturation.
Color Mixer Mix two colors and see the result.
Color Name Describer Describe any color in plain English — 'dark muted blue', 'pale red'.
Color Name Dictionary Search CSS color names and copy their HEX values.
Color Picker Pick and copy any color in any format.
Colorblind-Safe Palette Designer Design an evenly-spaced palette that stays discriminable under deuteranopia, protanopia and tritanopia.
ColorBrewer Palette Picker Curated categorical, sequential and diverging palettes for charts.
Contrast Checker Check WCAG contrast ratios.
CSS Gradient Generator Create CSS gradients visually.
Dark Mode Pair Checker Build light and dark color pairs with contrast ratios.
Dark Mode Palette Pair Generator Pair each light-mode hex colour with a dark-mode counterpart using OKLCH lightness inversion.
Delta-E Calculator Perceptual color difference — CIE76, CIE94 and CIEDE2000.
Hash → Color Deterministic color from any string.
HCT Color Editor Edit and inspect colors in HCT (Material 3 hue/chroma/tone, approximation).
Hex Color Guesser See a colour, guess its HEX code. Train your eye for design tokens.
HSI ↔ RGB Converter HSI (Hue, Saturation, Intensity) — used in machine-vision colour models.
HSLuv Color Editor Edit colors in HSLuv space — perceptually uniform alternative to HSL.
Kelvin → RGB Color temperature (Kelvin) to approximate sRGB.
Material Color Finder Find the closest Material Design palette color for any HEX value.
Munsell Color Approximator Approximate sRGB from a Munsell hue/value/chroma notation.
Named Color Finder Find the nearest CSS named color.
OKLCH Color Editor Edit a color in OKLCH space — perceptually uniform.
Palette Generator Generate harmonious color palettes.
Pantone Approximator Find the nearest PANTONE® coated swatches to any RGB colour.
Random Color Generator Generate random colors and copy HEX, RGB and HSL values.
Saved Color Palettes Save palettes as comma-separated hex values.
Tailwind Color Finder Find the closest Tailwind palette color for any HEX value.
Tailwind Shade Scale Generate a Tailwind-style 50-950 scale from one base color.
Tints & Shades Generator Generate light/dark variations.
Wavelength → sRGB Approximate the sRGB color for a visible-light wavelength (380–780 nm).
WCAG-AA Palette Filter List every pair from your palette that meets a contrast threshold.