Color Picker
Pick any color and instantly convert between HEX, RGB, and HSL formats. Free online color picker with live preview.
What is the difference between HEX, RGB, and HSL?
HEX (#rrggbb) is the most common format in web development. Each pair of
hex digits represents the red, green, and blue channels from 00 (0) to FF (255).
RGB expresses each channel as a number from 0 to 255 (e.g.,
rgb(255, 0, 0) is pure red). HSL describes color by hue
(0-360), saturation (0-100%), and lightness (0-100%). All three represent the same
colors — they are just different notations.
How do I convert HEX to RGB?
Split the 6-digit hex code into three pairs (rr, gg, bb) and convert each pair from hexadecimal to decimal. For example, #3B82F6: 3B = 59, 82 = 130, F6 = 246, so the RGB value is (59, 130, 246). Use the converter above to do this instantly.
When should I use HSL instead of HEX or RGB?
HSL is the most intuitive for creating color variations. To make a color lighter or darker, change the lightness value. To desaturate it, lower the saturation. This makes HSL ideal for building design systems and generating color palettes.
What is the hex code for white and black?
White is #FFFFFF (RGB 255, 255, 255) and black is #000000
(RGB 0, 0, 0).