Enter a HEX color code to instantly see the RGB and HSL equivalents with a color preview.
Colors on screens are commonly expressed in three formats. HEX uses a six-digit hexadecimal code such as #4f46e5. RGB (Red, Green, Blue) describes the same color as three numbers from 0 to 255. HSL (Hue, Saturation, Lightness) expresses color by its angle on the color wheel (0-360°), its purity (0-100%), and its brightness (0-100%). All three describe the same color space and are interconvertible.
To convert a HEX color to RGB, split it into three 2-digit pairs and convert each from hexadecimal to decimal (0-255); to get HSL, calculate hue, saturation, and lightness from those RGB values. Example: #4F46E5 converts to rgb(79, 70, 229) and hsl(243, 75%, 59%).
#FF0000 is rgb(255, 0, 0) — pure red, with the red channel at its maximum and green and blue at zero.
#FFFFFF is rgb(255, 255, 255) — pure white, with all three channels at their maximum.
#000000 is rgb(0, 0, 0) — pure black, with all three channels at zero.
rgb(0, 128, 0) is #008000 — a medium green, since 128 in decimal is 80 in hexadecimal.
#FFA500 is rgb(255, 165, 0) — standard orange.
#00FF00 is rgb(0, 255, 0) — pure green, with only the green channel at its maximum.
#0000FF is rgb(0, 0, 255) — pure blue, with only the blue channel at its maximum.
rgb(255, 255, 0) is #FFFF00 — pure yellow, mixing full red and full green.
| HEX | RGB | HSL |
|---|---|---|
| #4F46E5 | rgb(79, 70, 229) | hsl(243, 75%, 59%) |
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #1D4ED8 | rgb(29, 78, 216) | hsl(224, 76%, 48%) |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
HEX and RGB describe a color the same way, as red, green, and blue light amounts, just in different notations (base-16 vs base-10). HSL describes the same color by hue (the color itself), saturation (intensity), and lightness (how light or dark), which is often more intuitive for adjusting a color by hand.
Saturation measures how far a color is from gray. Pure white, black, and every shade of gray in between have equal red, green, and blue values, so their saturation is always 0%, regardless of lightness.
This tool expects the full 6-digit HEX format (#RRGGBB). A 3-digit shorthand like #FFF is CSS shorthand for #FFFFFF, where each digit is doubled; expand it to 6 digits before entering it here.
Hue depends on which channel, red, green, or blue, has the highest value, and is calculated from the relative position of the other two channels. The result is an angle on a 360-degree color wheel, where 0 degrees is red, 120 is green, and 240 is blue.
This tool converts standard 6-digit HEX colors used on the web; it does not support alpha (transparency) channels, named CSS colors, or color spaces beyond sRGB such as HSV or LAB.
Sources: W3C CSS Color Module Level 4
Last updated: 2026-08-17