Free Tool
Color Picker
Pick any color and get HEX, RGB, and HSL codes instantly — click any value to copy it.
Copied!
Advertisement
Color Format Guide
HEX — A 6-digit hexadecimal code used in CSS and web design (e.g., #FF5733). The most common format for web colors.
RGB — Red, Green, Blue values from 0-255 (e.g., rgb(255, 87, 51)). Used in CSS and design tools.
HSL — Hue, Saturation, Lightness (e.g., hsl(14, 100%, 60%)). More intuitive for adjusting colors — hue is the color, saturation is intensity, lightness is brightness.
When to Use Each Format
- HEX — Best for CSS shorthand and sharing color codes
- RGB — Best for JavaScript and when you need transparency (rgba)
- HSL — Best for creating color palettes and adjusting tones