The Color Picker lets you select any color and instantly see its HEX, RGB and HSL codes — ready to copy into CSS, design tools or any application. Use the palette presets for quick access to popular design colors, or type a HEX code directly to look it up.
Frequently Asked Questions
What is a HEX color code?
A HEX code is a 6-character code (like #FF5733) that represents a color using hexadecimal numbers. The first two characters represent red, the next two green, and the last two blue.
What is the difference between RGB and HSL?
RGB (Red, Green, Blue) describes a color by how much of each primary light color it contains. HSL (Hue, Saturation, Lightness) is often more intuitive — hue is the color position on a wheel, saturation is how vivid it is, and lightness is how bright it is.
How do I know if I need dark or light text on a color?
The Contrast indicator shows whether black or white text will be more readable on your chosen background color, based on WCAG luminance calculations.