Color Format Converters
Accurate, client-side color space transformation tools. Convert colors between HEX, RGB, HSL, HSV, CMYK, CSS variables, and Tailwind tokens directly in your browser.
Live Quick Converter
Type any hex code or pick a color to preview all standard formats simultaneously
color: #3B82F6;Dedicated Conversion Tools
Specialized converters with step-by-step mathematical formulas and copyable code blocks
HEX to RGB Converter
Convert 6-digit and 3-digit hex strings into standard Red, Green, Blue integer channels (0–255).
rgb(59, 130, 246)Open →HEX to HSL Converter
Translate hexadecimal codes into Hue angle (0°–360°), Saturation %, and Lightness % values.
hsl(217, 91%, 60%)Open →HEX to HSV / HSB Converter
Compute Hue, Saturation, and Value brightness metrics used by Photoshop, Illustrator, and Figma.
hsv(217, 76%, 96%)Open →HEX to CMYK Converter
Transform digital hex colors into Cyan, Magenta, Yellow, and Key Black print ink percentages.
cmyk(76%, 47%, 0%, 4%)Open →CSS & Tailwind Color Converter
Export CSS custom variables (--color), 8-digit HEXA, RGBA, HSLA, and Tailwind v3/v4 utility classes.
var(--color-primary)Open →Universal Multi-Format Converter
All-in-one matrix converting between any two color models in real time with alpha transparency.
#3B82F6 ⇄ All FormatsOpen →Color Model Formulas & Use Cases
| Model | Channel Range | Color Space | Primary Application |
|---|---|---|---|
| HEX | #000000 to #FFFFFF | sRGB (Additive) | HTML, CSS, Web UI, Mobile App Design |
| RGB / RGBA | 0–255 (Alpha: 0.0–1.0) | sRGB (Additive) | Browser Display, Canvas 2D, WebGL, Screen Rendering |
| HSL / HSLA | H: 0–360°, S: 0–100%, L: 0–100% | Cylindrical sRGB | Design Systems, CSS Themes, Programmatic Lightness Shift |
| HSV / HSB | H: 0–360°, S: 0–100%, V: 0–100% | Cylindrical sRGB | Figma, Adobe Creative Suite, Sketch, Digital Painting |
| CMYK | C, M, Y, K: 0%–100% | Subtractive Ink | Commercial Offset Printing, Packaging, Posters |