Color Converter
Convert colors between HEX, RGB, and HSL formats.
#1e90ffrgb(30, 144, 255)hsl(210, 100%, 56%)Color Formats for Web Development
Web developers work with multiple color formats daily. HEX (#RRGGBB) is the most common in CSS, using hexadecimal values from 00 to FF. RGB defines colors with Red, Green, Blue channels from 0-255. HSL (Hue, Saturation, Lightness) is the most intuitive for humans — adjusting brightness or creating color variations is straightforward.
HEX to RGB Conversion
Split the 6-character hex code into 3 pairs. Convert each pair from base-16 to base-10. For example: #1E90FF → R=30 (0x1E), G=144 (0x90), B=255 (0xFF).
WCAG Accessibility
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios for readable text. Level AA: 4.5:1 for normal text, 3:1 for large text. Level AAA: 7:1 for normal text, 4.5:1 for large text. Always check contrast when choosing text and background colors.
Features
- Convert between HEX, RGB, and HSL instantly
- Native color picker integration
- WCAG contrast ratio checker for accessibility
- Lightness shade variations
- Copy CSS values with one click
- 100% client-side — your data never leaves your browser