Color Tools

Convert between color spaces, check WCAG contrast and build palettes. Built on OKLCH, the same color space this site is styled in.

• Contrast Checker

  Check a foreground and background pair against WCAG AA and AAA, read the APCA score beside it, and get the nearest passing color without losing the hue.

• Color Converter

  Convert one color into every CSS format at once: HEX, RGB, HSL, HWB, OKLCH, LAB, LCH and CMYK, with a warning when a value falls outside the sRGB gamut.

• Shades & Tints

  Build a full 50 to 950 tonal scale from one color, stepped in OKLCH so the mid tones stay even, and export it as a Tailwind v4 theme block.

• Color Mixer

  Blend two colors over any number of steps and compare the same blend in OKLCH and sRGB side by side. Copies as color-mix() or as plain hex.

• Palette Generator

  Generate complementary, analogous, triadic and tetradic schemes from one base color, lock the swatches you like, and export to Tailwind v4, CSS or JSON.

• Gradient Generator

  Build linear, radial and conic CSS gradients with draggable stops, and see what interpolating in OKLCH fixes that sRGB leaves grey and muddy.

• Image Color Picker

  Pick any pixel from your own image with a zoomed loupe and pull out the dominant palette. The file is read on your device and never uploaded.

• Color Blindness Simulator

  See a palette or your own image through protanopia, deuteranopia, tritanopia and achromatopsia, using the Brettel transform rather than a channel swap.