Color Calculators
Convert between color formats used in web, print, and digital art. Each calculator is focused on a specific conversion with the math explained.
#FF6B35 ⇄ rgb(255,107,53)
Hex ↔ RGB
Convert between hex color codes and red, green, blue channel values in both directions.
hsl(H°,S%,L%) ↔ hsv(H°,S%,V%)
HSL ↔ HSV
Convert directly between HSL and HSV without going through RGB.
rgb → cmyk(C%, M%, Y%, K%)
RGB ↔ CMYK
Convert between screen RGB and the subtractive CMYK model used in print.
rgb → hsl(H°, S%, L%)
RGB ↔ HSL
Convert between RGB and Hue, Saturation, Lightness — used in CSS color functions.
rgb → hsv(H°, S%, V%)
RGB ↔ HSV / HSB
Convert between RGB and Hue, Saturation, Value used in Photoshop and Figma.
Choosing the Right Color Format
- Hex / RGB — Use in CSS, HTML, and most web design tools.
- HSL — Best for programmatic color adjustments in CSS and when you need to reason about lightness or saturation.
- HSV / HSB — Common in design applications like Photoshop, Figma, and Sketch color pickers.
- CMYK — Required for print-ready files; screen-to-print conversions are approximations without ICC color profiles.