About this tool
What does it convert?
Colors live in several notations: HEX (#ff5733) for CSS, RGB/RGBA for screens, HSL/HSV for human-friendly picking, CMYK for print, plus named CSS colors. This tool translates losslessly between them with a live preview.
How to use it
- Enter any format or pick visually; all equivalents update together.
- Copy the exact string your target needs (CSS, Tailwind,UIColor…).
- Check contrast pairs for text accessibility.
Examples
- Brand color
#1a73e8→rgb(26,115,232)for canvas code. - Lightening a color predictably via the L in HSL instead of guessing hex.
- Converting print CMYK specs to screen RGB for a web mockup.
Important limitations
- CMYK↔RGB is device-dependent: conversions are approximations, always soft-proof for print.
- Named colors cover only 148 CSS keywords — anything else needs numeric values.
- Alpha (transparency) survives only in formats that support it (RGBA/HSLA/8-digit hex).
Privacy
Conversion is pure client-side math. No palettes or images are uploaded.
Frequently asked questions
HEX, RGB or HSL — which to use?
HEX for compact CSS, RGB when scripting channels, HSL when humans tune hue/lightness.
Why do my print colors look dull?
Screens emit light (wide gamut); CMYK ink reflects it (narrower). Convert early and proof.
What is 8-digit hex?
RRGGBBAA — the last pair is alpha (FF opaque, 00 transparent).
Related tools
SVG placeholder generator · Image resizer · Lumina gradients