Select Color
#
Converted Color Formats
Live Color Preview
RGB Format
rgb(26, 115, 232)
HSL Format
hsl(215, 81%, 51%)
CMYK Format
cmyk(89%, 50%, 0%, 9%)
Understanding Web Color Models (HEX, RGB, HSL)
Web designers and software developers use multiple color notation standards depending on the medium:
HEX Codes
6-character hexadecimal representations (e.g. #0D6EFD) widely used in HTML and CSS styles.
RGB Values
Red, Green, Blue intensity levels scaled between 0 to 255 (e.g. rgb(13, 110, 253)) used for digital displays.
HSL Values
Hue (0-360°), Saturation (%), and Lightness (%) intuitive for designing CSS theme gradients.
Color Code FAQs
HSL makes it significantly easier to create dark mode themes and hover states. You can simply modify the Lightness percentage (e.g. 50% to 40%) without recalculating complex Red, Green, and Blue ratios.
Yes. A 3-digit HEX code is shorthand where each character is duplicated (#FFF expands to #FFFFFF, and #09F expands to #0099FF).