Color Picker
Pick colors and get HEX, RGB, HSL codes
Runs in your browser
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Quick Colors
What is a color picker?
A color picker is an online utility that helps you select colors and get color codes in various formats (HEX, RGB, HSL). This tool is very useful for designers, developers, and anyone who needs to work with colors in their projects.
Use cases
- Select colors for website or app design
- Get HEX, RGB, HSL color codes for use in CSS
- Find matching colors for brand or project
- Convert between different color formats
When to use?
Use this tool when you need to select colors, get color codes, or convert between color formats. Especially useful for web designers, UI/UX designers, and frontend developers.
Examples
A brand blue
Input
#1A6CF5
Output
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
A warm accent color
Input
#F4A261
Output
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Questions and answers
What is the difference between HEX, RGB and HSL?
They describe the same color in different ways. HEX is the compact form used in CSS, RGB lists the red, green and blue values from 0 to 255, and HSL uses hue, saturation and lightness, which makes lighter or darker shades easy to create.
How do I copy a color code?
Pick a color, then use the copy button next to the HEX, RGB or HSL value you need.
Why can converting back from HSL give a slightly different color?
HSL values are rounded to whole numbers, so converting them back to HEX can be off by one step.