~/tools/

Color Picker

Advanced OKLCH-based color picker with multi-format conversion and WCAG compliance checking

#0f92f7

Random Color Accessibility:

OKLCH Color Space

65.0%
0.180
250.0°
100%

Color Input

Supports: HEX (#RGB, #RRGGBB, #RRGGBBAA), RGB(A), HSL(A), OKLCH

All Formats

hex#0f92f7
hexa#0f92f7ff
rgbrgb(15, 146, 247)
rgbargba(15, 146, 247, 1.00)
hslhsl(206, 94%, 51%)
hslahsla(206, 94%, 51%, 1.00)
oklchoklch(65.0% 0.180 250.0)
oklchaoklch(65.0% 0.180 250.0 / 1.00)

Contrast Checker

Current Color Contrast

On White
3.24:1AA Large
On Black
6.47:1AA

WCAG Contrast Requirements

Level AA (Minimum)
  • Normal text: 4.5:1 minimum
  • Large text: 3:1 minimum
  • Large text is 18pt+ or 14pt+ bold
Level AAA (Enhanced)
  • Normal text: 7:1 minimum
  • Large text: 4.5:1 minimum
  • Best for maximum accessibility

Tip: Use the accessibility toggle above to generate random colors that meet AA or AAA on both light and dark backgrounds. To test a specific foreground and background pair, open the Contrast Checker.