Enter a color in any format and instantly see all conversions — RGB, Hex, HSL, HWB, CMYK, and NCol.
Enter a valid color to see the preview and all format conversions.
A color converter translates a single color between the encoding systems used in web design, print, and digital art. American graphic designers and developers frequently switch between RGB for screen work, CMYK for commercial printing, and Hex for CSS stylesheets.
This tool supports six formats: RGB, Hex, HSL, HWB, CMYK, and Natural Color (NCol). It also identifies the nearest CSS named color.
Additive model used in screens. Each channel ranges 0–255. Full intensity on all three produces white.
Six-digit hexadecimal encoding of RGB, widely used in CSS. Example: #b22222 (firebrick).
Describes color as hue angle (0–360°), saturation %, and lightness %. Intuitive for adjusting tone.
Alternative to HSL using hue, whiteness, and blackness. Easy for tinting and shading.
Subtractive model for printing: cyan, magenta, yellow, and black inks.
W3C Natural Color: hue as letter + offset (e.g. R0, Y30), plus whiteness and blackness.
A classic American red (RGB 178, 34, 34) reminiscent of the US flag. In HSL roughly 0°, 68%, 42%. Common in patriotic branding and sports team identities.
The official blue of the US flag (RGB 0, 40, 104). Deep and authoritative. In CMYK: 100% C, 62% M, 0% Y, 59% K. Used in federal branding and official seals.
Standardized by ANSI for high-visibility safety equipment (RGB 255, 127, 0). In HSL 30°, 100%, 50%. Seen on construction sites, lifejackets, and traffic cones.
A deep woodland green (RGB 34, 139, 34) evoking the national parks system. In CMYK: 76% C, 0% M, 76% Y, 45% K. Popular in outdoor and environmental branding.
Choose the input format that matches your color code (Hex, RGB, HSL, HWB, CMYK, or NCol).
Enter the color values in the fields. Results update instantly — no button needed.
All inputs are normalized to an internal RGB triplet used as the universal pivot.
From RGB, all other formats are derived using standard color-science formulas.
The color name lookup compares against 148 CSS named colors and returns the nearest match within ~30 units.
Use Hex or RGB for web CSS; HSL when adjusting brightness or saturation programmatically in Sass or CSS variables.
CMYK outputs are estimates — request a press proof when accuracy matters for commercial print.
HWB is ideal when you need multiple tints of a brand color: keep hue constant, vary whiteness.
Safety-color specifications (ANSI, OSHA) are often defined in specific Pantone or CMYK values — always cross-reference.
The '#' prefix is optional when entering hex codes here.
HSL uses saturation (color purity) and lightness (midpoint). HWB uses direct whiteness and blackness amounts. HWB is often easier to reason about for tinting (add white) and shading (add black).
Screens use additive RGB light; printers use subtractive CMYK ink. The gamuts don't fully overlap, and the converter gives a device-independent mathematical approximation — not a press-proof match.
A W3C proposal encoding hue as a letter (R, Y, G, C, B, M) plus a percentage toward the next sector, plus whiteness and blackness. For example, R0 0% 0% is pure red.
Yes — type the name in the 'Find by CSS Name' box and the converter loads its values automatically.
Hex and RGB conversions are lossless (within integer rounding). HSL, HWB, NCol are rounded to one decimal. CMYK is a mathematical estimate only.
Only 148 standard CSS named colors are checked. If the color is more than ~30 RGB units from any named color, no name is reported.
Color representations may vary between devices due to display calibration and color profiles. CMYK values are mathematical approximations.