Color Input
Enter values in any format
#6495EDAzure
rgb(100, 149, 237)
Adjust any value in any format and all other formats update automatically. RGB is for web, HSL for manipulation, CMYK for print.
Color Values
All format representations
#6495ED
Azure
HEX
#6495EDRGB
100
149
237
rgb(100, 149, 237)
HSL
219°
79%
66%
hsl(219, 79%, 66%)
CMYK
58%
37%
0%
7%
cmyk(58%, 37%, 0%, 7%)
How to Use
Step-by-step guide
1
Click on the RGB, HSL, or CMYK tab to select your preferred input format.
2
Enter values using the number inputs. All other formats update automatically in real-time.
3
View all converted values in the Color Values panel on the right side.
4
Click the copy button next to any format to copy the CSS-ready color string to your clipboard.
Note: RGB is best for web and digital design. HSL is ideal for programmatic color manipulation. CMYK is used for print design.