HTML Color Code (HEX, RGB, HSL)

Split the code into three pairs of two hexadecimal digits and convert each pair to decimal (0–255). For example, #3B82F6 means R=59, G=130, B=246.

Convert each channel (0–255) to two hexadecimal digits and join them in R, G, B order with a # in front. For example, rgb(59, 130, 246) becomes #3B82F6.

It is the #RRGGBB notation used in HTML and CSS, where each pair of hexadecimal digits represents the intensity of red, green and blue, from 00 to FF (0–255).

RGB stands for the three colour channels — Red, Green and Blue — each with values from 0 to 255. Combined, they form any colour on screen.

HSL stands for Hue (0–360°), Saturation (0–100%) and Lightness (0–100%). It is a more intuitive way to adjust a colour than RGB.

You can enter the known HEX code or adjust the RGB channels until you get the shade you want. The preview shows the colour instantly, and the HEX, RGB and HSL values update.

#FFFFFF is white (all channels at maximum, 255) and #000000 is black (all at 0). #FF0000 is pure red, #00FF00 pure green and #0000FF pure blue.

With 8 bits per channel (256 values), you can form 256 × 256 × 256 = 16,777,216 colours, that is about 16.7 million, enough for any ordinary screen.