What this tool does
Color Converter converts color values between HEX, RGB, HSL, CMYK, and related formats used in web and design workflows.
← All Tools
🎨 Color Converter
Pick a color and see it in HEX, RGB, HSL, and CMYK formats. Click any value to copy.
#0F0F0F
rgb(15, 15, 15)
hsl(0, 0%, 6%)
cmyk(0%, 0%, 0%, 94%)
Why it is useful
It reduces mistakes when moving colors between CSS, design tools, image editors, print notes, and documentation.
How it works
The browser parses the selected color and recalculates equivalent values in other color models.
Best input
Use complete color values such as #0f172a, rgb(15, 23, 42), or hsl(222, 47%, 11%).
Practical workflow
Copy HEX for design tokens, RGB for APIs or canvas work, HSL for CSS adjustments, and CMYK only as a rough print-planning note.
Privacy note
Color conversion happens locally in your browser.
Important limitation
CMYK conversion is approximate on screens and does not replace a print-profile-aware design workflow.
Quick answers
Why do colors look different in apps?
Displays, color profiles, compression, browser rendering, and design-tool settings can vary.
Can I use this for CSS?
Yes. HEX, RGB, and HSL outputs are common CSS formats.
Is CMYK exact?
No. The CMYK value is a screen-based approximation and should be checked in print software for production work.
Common Use Cases
Convert HEX colors from design tools to RGB
Quickly translate colors from Figma, Sketch, or Adobe into RGB or HSL for CSS.
Find accessible color variations
Test different shades and tints of a brand color to meet contrast requirements.
Prepare colors for multiple platforms
Convert colors between formats needed for web, iOS, Android, and design systems.
CSS Visual Studio workflow
Move between color conversion, palettes, gradients, contrast checks, shadows, radii, buttons, and glassmorphism while keeping generated CSS local to the browser.