Color Converter
Convert colors between HEX, RGB, and HSL. Edit any field or use the color picker.
Enter a Color
Preview
Color Format Guide
Six-character hexadecimal code. Each pair (RR, GG, BB) represents red, green, and blue channels from 00 (0) to FF (255). Widely used in CSS and design tools.
Three integers from 0–255 representing red, green, and blue light intensity. Used in CSS as rgb(79, 70, 229). Also supports an alpha channel as RGBA.
Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive than RGB — hue is the "color", saturation its intensity, lightness how bright or dark it is.
Frequently Asked Questions
Yes! Shorthand 3-digit HEX codes like #F60 are expanded automatically by doubling each digit: #FF6600. The converter accepts both 3- and 6-digit HEX formats.
WCAG (Web Content Accessibility Guidelines) defines contrast ratio requirements for readable text. A minimum of 4.5:1 for normal text and 3:1 for large text (Level AA). The preview above shows approximate contrast for dark and light text on your selected color.
Tints are created by mixing white (increasing lightness in HSL), and shades by mixing black (decreasing lightness). The palette shows 5 steps from a lighter tint to a darker shade centered on your chosen color.