Convert any color between HEX, RGB, HSL, HSV/HSB, CMYK, and CSS named colors instantly. Pick a color, paste a value in any format, and every other format updates live. Generate lighter and darker shades, find the complementary color, and copy any format with one click.
Color Converter
Selected Color
Complementary
HEX
RGB
HSL
HSV
CMYK
CSS—
Lighter & Darker Shades (click to apply)
How to Use
- Pick a color using the color picker, or type any value into the text box.
- Supported input formats:
#rrggbb,#rgb,rgb(r, g, b),hsl(h, s%, l%),hsv(h, s%, v%),cmyk(c%, m%, y%, k%), or any CSS named color (e.g.coral,steelblue). - All output formats update instantly.
- Click any shade block in the Lighter/Darker section to jump to that shade.
- Hit Copy next to any format to copy it to your clipboard.
Format Reference
| Format | Example | Use case |
|---|---|---|
| HEX | #5B6AF0 | Web development, design tools |
| RGB | rgb(91, 106, 240) | CSS, canvas, image processing |
| HSL | hsl(235, 82%, 65%) | CSS theming, intuitive adjustments |
| HSV/HSB | hsv(235, 62%, 94%) | Photoshop, Illustrator color pickers |
| CMYK | cmyk(62%, 56%, 0%, 6%) | Print design, press-ready files |
| CSS Name | cornflowerblue | Quick CSS shorthand |
Related Tools
- Color Picker — Advanced eyedropper and palette builder
- Color Palette Generator — Generate harmonious color palettes
- Color Contrast Checker — WCAG accessibility contrast ratio checker