Color Converter - HEX RGB HSL HSV CMYK

Convert colors between HEX, RGB, HSL, HSV, and CMYK formats with professional color palette generation and accessibility checker.

Color Picker

Preset Colors

Accessibility Checker

WCAG contrast ratio compliance against common background colors

vs White
WCAG AAA
Contrast Ratio:
16.01:1
Normal Text:
✓ Pass
Large Text:
✓ Pass
Excellent accessibility for all users
Sample text with this color combination
Large text example
vs Black
Fail
Contrast Ratio:
1.31:1
Normal Text:
✗ Fail
Large Text:
✗ Fail
Poor accessibility - not recommended
Sample text with this color combination
Large text example
vs Gray
Fail
Contrast Ratio:
4.05:1
Normal Text:
✗ Fail
Large Text:
✓ Pass
Poor accessibility - not recommended
Sample text with this color combination
Large text example

WCAG Guidelines

  • • AAA: 7:1 contrast ratio - Enhanced accessibility
  • • AA: 4.5:1 contrast ratio - Standard accessibility
  • • AA Large: 3:1 contrast ratio - Large text only (18pt+)

Color Formats

HEX
#000080
RGB
rgb(0, 0, 128)
HSL
hsl(240, 100%, 25%)
HSV
hsv(240, 100%, 50%)
CMYK
cmyk(100%, 100%, 0%, 50%)

Color Harmonies

Complementary

Triadic

Tetradic

Analogous

Monochromatic

Split Complementary

Double Split Complementary

Color Design Tips

Color Psychology

Colors evoke emotions - blue conveys trust, red creates urgency, green suggests growth and nature.

Accessibility First

Always ensure sufficient contrast ratios. Aim for WCAG AA compliance (4.5:1) or better.

Color Harmonies

Use complementary colors for contrast, analogous for harmony, and triadic for vibrant balance.

Context Matters

Colors appear different based on surrounding colors. Test your combinations in real contexts.

Brand Consistency

Maintain consistent color usage across your brand. Document your color palette and usage rules.

Cultural Awareness

Colors have different meanings across cultures. Consider your global audience when choosing colors.

WCAG Guidelines

Accessibility Levels

AAA
Enhanced Accessibility

Contrast ratio of 7:1 or higher. Provides the highest level of accessibility for all users including those with severe visual impairments.

AA
Standard Accessibility

Contrast ratio of 4.5:1 or higher for normal text. This is the minimum recommended standard for most web content.

AA Large
Large Text Only

Contrast ratio of 3:1 or higher for large text (18pt+ or 14pt+ bold). Only acceptable for large text elements.

Best Practices

  • ✓Always test color combinations with actual content
  • ✓Don't rely solely on color to convey information
  • ✓Consider users with color vision deficiencies
  • ✓Test in different lighting conditions and devices