Color Tools

Color conversion, picking, and accessibility

Color tools translate between the formats that the design world and CSS keep at arm's length: HEX, RGB, RGBA, HSL, HSLA, OKLCH, named CSS colors. Designers hand off Figma values that look right in sRGB but drift in P3 displays; CSS frameworks expect their own dialect; brand palettes are stored in JSON. The converter here normalizes any input format to all the others. Beyond conversion, the contrast checker tells you whether a foreground/background pair clears WCAG AA or AAA at a given font size — the spec is restrictive enough that "looks fine to me" is usually wrong. Color picker, palette generator, and shades/tints generator round out the kit.