Color Blindness Simulator
8 types of colour vision deficiency — check a palette instantly, or upload an image (simulated off the main thread).
Related tools
Color Converter
One value in — HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH, CSS name and Tailwind out. Copy any format.
Contrast Checker
WCAG 2.1 ratio and WCAG 3.0 APCA Lc side by side, with a live preview and a fix suggestion when a pair fails.
Palette Generator
6 harmony modes from one base colour, including double-complementary. Export as CSS, SCSS, Tailwind or JSON.
Tints & Shades
A 10-step 50-900 scale for design tokens. Tints lighten, shades darken — never swapped.
Gradient Generator
Linear, radial and conic CSS gradients with a live preview and 22 curated presets.
Color Picker
A canvas hue/saturation/lightness picker with keyboard control and your last 10 colours.
Image Color Extractor
Upload an image, get its 5 dominant colours — nothing leaves your browser.
Tailwind Color Mapper
Find the nearest Tailwind CSS v3 token for any colour, with the full family scale.
CSS Variables Exporter
Turn a list of named colours into CSS custom properties, SCSS, Tailwind config or JSON.