Digital colors can be described in several formats. This converter takes a HEX code and shows the equivalent RGB and HSL values.
The three color models
HEX — A 6-digit hexadecimal code (e.g., #7B9CFF). Each pair represents red, green, and blue values (00–FF).
RGB — Three decimal values from 0–255 for red, green, and blue intensity.
HSL — Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). More intuitive for human color selection.
Step-by-step
Enter a 6-digit HEX color with or without the # prefix (e.g., 7B9CFF or #7B9CFF).
Click Calculate to see RGB and HSL equivalents.
Worked example
#7B9CFF → RGB: 123, 156, 255 → HSL: 217°, 100%, 74%. The HSL tells you this is a vivid blue (217° hue), fully saturated (100%), and fairly light (74% lightness).
When to use which
HEX is standard for web design (CSS, HTML). RGB is common in programming and image editing. HSL is best when you need to create color variations — change just the hue for a different color at the same brightness, or adjust lightness for tints and shades.