Color tools
Build palettes, convert between color formats, check contrast against WCAG and see your colors the way people with color blindness do.
- Color Palette GeneratorGenerate color palettes from one base color with OKLCH harmony rules. Lock colors, check contrast, export PNG, SVG, CSS variables or Tailwind.
- Color Contrast CheckerCheck text and background contrast against WCAG 2.2 AA and AAA, see the APCA value, and get the closest passing color when a pair fails.
- Color ConverterConvert HEX to RGB, RGB to HEX, HSL, OKLCH and CMYK in one place. Paste any CSS color and copy every format.
- Color Blindness SimulatorSimulate protanopia, deuteranopia, tritanopia and achromatopsia on your own image or palette. Images are processed on your device, never uploaded.
- Tailwind Color Scale GeneratorTurn one brand color into a Tailwind 50–950 shade scale computed in OKLCH. Copy it as Tailwind v4 @theme, a v3 config or CSS variables.