HEX Color Picker – Get HEX, RGB & HSL
Pick any color visually and instantly get the HEX, RGB, and HSL codes. Click any format to copy it to your clipboard. Perfect for web design, CSS, and graphic design.
How to Use
- 1
Click the color picker or enter a HEX code to choose your color
- 2
Adjust the RGB or HSL sliders for fine-tuned control
- 3
Click any of the HEX, RGB, or HSL boxes to copy the code to your clipboard
Frequently Asked Questions
What is a HEX color code?
A HEX color code is a six-digit hexadecimal value that represents a color in the RGB color model. For example, #FF5733 encodes red=255, green=87, blue=51. HEX codes are widely used in HTML, CSS, and design software.
What is the difference between RGB and HSL?
RGB (Red, Green, Blue) describes colors by mixing light intensities from 0 to 255. HSL (Hue, Saturation, Lightness) describes colors in a way that is more intuitive for humans — adjusting saturation makes colors more vivid or muted, and adjusting lightness makes them lighter or darker.
How do I use a HEX color in CSS?
In CSS, use the HEX code directly: `color: #FF5733;` or `background-color: #6366F1;`. You can also use the `rgb()` and `hsl()` functions: `color: rgb(255, 87, 51);`
What is the maximum number of colors I can represent with HEX codes?
Standard 6-digit HEX codes can represent 16,777,216 unique colors (256 × 256 × 256). 8-digit HEX codes add an alpha channel for transparency, increasing the range further.
Pick a colour and copy its HEX code
A HEX colour picker lets you choose a colour visually and copy its six-digit HEX code, the format used most often in web design and CSS. Drag to the exact shade and the code is ready to paste.
It is the quickest route from a colour you can see to the #RRGGBB value you need.
What HEX codes are for
- Grabbing HEX codes for websites and CSS.
- Matching a brand or reference colour.
- Experimenting with shades before committing.
- Need RGB or HSL too? Use the colour code converter or the full colour picker.
HEX values stay on your device
Everything runs in your browser, so you can copy a code in a click.