Color Converter
Convert hex, RGB, and HSL color codes instantly with a live preview swatch. Copy CSS-ready color values for any format.
CSS Named Colors Reference
| Color Name | Hex | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
Frequently Asked Questions
Split the 6-digit hex code into three pairs: the first pair is Red, the second is Green, the third is Blue. Convert each pair from hexadecimal to decimal. For example, #ff5733 → Red=ff=255, Green=57=87, Blue=33=51, so rgb(255, 87, 51). Our converter does this instantly as you type.
HSL stands for Hue, Saturation, and Lightness. Hue is the color angle on a color wheel (0°–360°: 0°=red, 120°=green, 240°=blue). Saturation (0–100%) controls how vivid the color is — 0% is gray, 100% is fully saturated. Lightness (0–100%) controls brightness — 0% is black, 50% is the pure color, 100% is white. HSL is popular in CSS for programmatic color adjustments.
Common hex color codes: Red=#ff0000, Orange=#ffa500, Yellow=#ffff00, Green=#008000, Cyan=#00ffff, Blue=#0000ff, Purple=#800080, HotPink=#ff69b4, White=#ffffff, Gray=#808080, Black=#000000. Click any row in the named colors table below to load it instantly.
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in color printing. Unlike RGB (for screens), CMYK subtracts light from white paper. A hex code like #ff0000 (pure red) equals cmyk(0%, 100%, 100%, 0%) — no Cyan, full Magenta and Yellow, no Black. CMYK values are essential when preparing artwork for professional print production.