Pick any color and see it in HEX, RGB, HSL, and CMYK formats. Copy any format with one click. Use the color picker or type a value.
HEX#00FF88
RGBrgb(0, 255, 136)
HSLhsl(152, 100%, 50%)
CMYKcmyk(100%, 0%, 47%, 0%)
CSS Variable--color: #00ff88;
Tailwind (approx)#00ff88
How to Convert Color Formats
Convert colors between HEX, RGB, HSL, and CMYK with The IT Hustle's free Color Converter.
1
Pick or paste a colorUse the visual color picker or type a hex value like #3B82F6 into the input field.
2
Preview the colorA live swatch shows exactly what the color looks like as you adjust it.
3
Read every formatThe tool displays the color as HEX, RGB, HSL, CMYK, and a ready-to-paste CSS variable simultaneously.
4
Copy the format you needEach format row has its own Copy button — grab the HSL for your stylesheet or the CMYK for a print spec.
Frequently Asked Questions
HSL (hue, saturation, lightness) maps to how people think about color, which makes it much easier to create variations — lighten a button hover state by raising lightness, or build a palette by rotating hue while keeping saturation fixed.
The CMYK value is a standard mathematical conversion, useful as a starting point for print work. Actual printed color depends on the printer, paper, and ICC color profile, so always proof critical brand colors with your print vendor.
Standard 6-digit hex values in the #RRGGBB format. The tool validates your input as you type and updates all formats in real time.
Yes. All conversion math runs client-side with no server involved, so it works instantly and your colors are never logged.