Free Online Color Picker & Converter
Pick any color or type a value in HEX, RGB, or HSL format. The tool converts it instantly across all three formats and generates a palette of shades and tints.
Shades & Tints
Click any swatch to copy its HEX value to your clipboard.
How to Use the Color Picker
1. Pick a Color
Use the color swatch input to choose any color from the picker, or drag your cursor to fine-tune the hue.
2. Enter Any Format
Type a HEX, RGB, or HSL value into any field. The other two formats update automatically in real time.
3. Copy the Codes
Click a shade or tint swatch to copy its HEX code, or select and copy the value from any field for use in your CSS, design, or code.
What are HEX, RGB, and HSL?
Colors on the web are commonly expressed in three formats. HEX is a six-digit hexadecimal code such as #3B82F6. RGB defines a color by its red, green, and blue channels, each ranging from 0 to 255. HSL describes a color by hue, saturation, and lightness, which is often more intuitive for designers adjusting brightness or saturation.
Our tool converts between all three formats in real time using the standard color conversion formulas, so you can grab the exact code you need without manual math.