Color Picker
Pick any color — get HEX, RGB, HSL values instantly
#2563EB
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
HSB
hsb(221, 84%, 92%)
CSS
color: #2563EB;
Quick Presets
Recent Colors
About This Color Picker
This free color picker converts any chosen color to HEX, RGB, HSL, and HSB formats instantly. Use it whenever you need color codes for CSS, design tools, or presentations. Click the color swatch to open the native color picker, or tap any preset below.
HEX codes are used in HTML/CSS. RGB values define red, green, and blue intensity (0–255 each). HSL (Hue, Saturation, Lightness) is more intuitive for designers. HSB (Hue, Saturation, Brightness) is used in tools like Photoshop and Illustrator.
Frequently Asked Questions
A HEX color code is a 6-character code preceded by # representing a color in RGB using hexadecimal numbers. #FF5733 means Red=255, Green=87, Blue=51.
RGB mixes Red, Green, Blue (0–255 each). HSL uses Hue (0–360°), Saturation (%), and Lightness (%). HSL is easier to reason about — increase lightness to make a color lighter without changing the hue.
Split the 6-digit HEX into three pairs and convert each from hexadecimal to decimal. For #FF5733: FF=255, 57=87, 33=51 → RGB(255, 87, 51). This tool does it automatically.
CSS accepts HEX (#RRGGBB or #RGB), RGB (rgb(r,g,b)), RGBA (with opacity), HSL, HSLA, and 140+ named colors like "red", "cornflowerblue", and "rebeccapurple".