Color Converter — HEX, RGB, HSL, HSV, CMYK
Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly. Interactive color wheel with live preview.
Color Wheel
#FF5733
All Formats
HEX:
#FF5733
RGB:
rgb(255, 87, 51)
HSL:
hsl(11, 100%, 60%)
HSV:
hsv(11, 80%, 100%)
CMYK:
cmyk(0%, 66%, 80%, 0%)
How to Convert Colors
- Use the color picker or enter a color value in any format (HEX, RGB, or HSL)
- All other formats update automatically in real-time
- View the live color preview to verify the result
- Click the Copy button next to any format to copy the value
Quick Reference
| From | To |
|---|---|
| #FF0000 | rgb(255,0,0) |
| #00FF00 | hsl(120,100%,50%) |
| #0000FF | rgb(0,0,255) |
| rgb(255,165,0) | #FFA500 |
| hsl(0,0%,50%) | #808080 |
| #FFFFFF | rgb(255,255,255) |
Use Cases
- •Web development: convert between CSS color formats for stylesheets
- •Graphic design: translate colors between design tools using different formats
- •Brand guidelines: ensure consistent color representation across formats
- •Accessibility: adjust HSL lightness values to meet contrast requirements
Formula
Color conversion uses standard algorithms: HEX is a base-16 representation of RGB values. HSL (Hue, Saturation, Lightness) provides a more intuitive way to describe colors.
Frequently Asked Questions
What is HEX color format?
HEX is a 6-digit hexadecimal color code (e.g., #FF5733). Each pair of digits represents Red, Green, and Blue intensity from 00 to FF.
What is the difference between RGB and HSL?
RGB defines colors by Red, Green, and Blue intensity (0-255). HSL uses Hue (0-360°), Saturation (0-100%), and Lightness (0-100%), which is more intuitive for color selection.
How do I convert HEX to RGB?
Split the HEX code into three pairs: #FF5733 → FF=255 (Red), 57=87 (Green), 33=51 (Blue). Convert each pair from base-16 to base-10.
What is the HEX code for white?
#FFFFFF in HEX, rgb(255, 255, 255) in RGB, and hsl(0, 0%, 100%) in HSL.
Can I use the color picker on mobile?
Yes, the native color picker works on most modern mobile browsers and opens a touch-friendly color selection interface.