Color tools
Convert color codes, check WCAG contrast, extract palettes from images, build CSS gradients, generate shades, mix colors and simulate colorblindness.
Color tools
- Color ConverterConvert any CSS color between HEX, RGB, HSL, HSV and OKLCH. Paste a color in any common format — everything is computed locally in your browser.
- Contrast CheckerCheck WCAG color contrast between two colors. Get the ratio plus AA / AAA verdicts for normal and large text — everything runs locally in your browser.
- Palette from ImageExtract the dominant colors from an image. Pick k-means or median-cut, choose 2–16 swatches, then copy as CSS variables or JSON. Your image never leaves your browser.
- CSS Gradient BuilderBuild linear, radial or conic CSS gradients with multiple color stops, custom angle and live preview. Copy the CSS in one click.
- Tints, Shades & TonesGenerate tints (toward white), shades (toward black) and tones (toward gray) from any base color. Great for design systems.
- Color BlenderMix any two colors in RGB, HSL or OKLCH space with a ratio slider. Also generates an interpolation scale.
- Color Blindness SimulatorSimulate how a color or image looks to people with protanopia, deuteranopia, tritanopia or full achromatopsia.