Color input
Enter one color code
Valid HEX color.
Web design tool
Color Converter
Convert HEX, RGB, RGBA, HSL, HSLA, HSV, and CMYK colors with live preview, alpha control, copy buttons, contrast checks, and a common color code chart.
Converted values
Color code formats
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 67%, 60%)
CMYKcmyk(67%, 33%, 0%, 40%)
CSS variable--color: #336699;
Contrast checker
On white6.00:1 - AA normal text
On black3.50:1 - AA large text
Relative luminance0.125
Suggested textUse white text for strong contrast.
Color codes chart
| Color | Name | HEX | RGB | HSL |
|---|---|---|---|---|
| Black | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| White | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Red | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Lime | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Blue | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Yellow | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Cyan | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Gray | #808080 | 128, 128, 128 | 0, 0%, 50% |
Color conversion notes
HEXSix-digit HEX stores red, green, and blue as two hexadecimal digits each.
RGBRGB channels use 0 to 255 values for red, green, and blue.
HSLHSL describes hue, saturation, and lightness, which is often easier for UI adjustments.
CMYKCMYK is a print-oriented estimate derived from RGB values.
Popular color conversions
FAQ
Can I convert HEX to RGB?
Yes. Enter a HEX value like #336699 and the converter will show RGB, RGBA, HSL, HSLA, HSV, and CMYK.
Does this support alpha transparency?
Yes. Use RGBA, HSLA, 8-digit HEX, or the alpha slider to adjust transparency.
Is CMYK exact?
CMYK conversion here is a practical screen-to-print estimate. Exact print color depends on profiles, ink, paper, and printer settings.