Color Converter & Contrast Checker
Convert colors between HEX, RGB, HSL and HSV instantly, with a color preview, RGB/HEX output for CSS and a WCAG contrast-checker against any second color. Built for accessible design decisions.
Type a color in any format — #ff9900, rgb(255 153 0), hsl(36 100% 50%) — and every other representation updates live. A second color lets you compute the WCAG contrast ratio and the AA/AAA pass state.
Color
Color spaces
- HEX
#efb04b - HEX + alpha
#efb04b - RGB
rgb(239 176 75) - RGBA
rgba(239 176 75 / 1.00) - HSL
hsl(37 84% 62%) - HSV
hsv(37 69% 94%)
Contrast vs. background
Contrast ratios follow the WCAG 2.1 relative-luminance calculation. Hues may be expressed in any of the supported color spaces and are normalized locally.
Frequently asked questions
How do I read a hex color?
#RRGGBB stores red, green and blue as two hex digits each (0–255 in base 16). #ff9900 is red=255, green=153, blue=0.
What does AA / AAA mean?
WCAG contrast grades. AA needs ≥ 4.5:1 for normal text and ≥ 3:1 for large text; AAA is stricter (≥ 7:1). The checker shows which standard a pair meets.