Color Picker
Pick any color from the color palette below, or enter a color value directly to instantly see all its format conversions.
Pick a Color:
name, hex, rgb, hsl, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| Name | — | |
| Hex | #3b82f6 | |
| RGB | rgb(59, 130, 246) | |
| HSL | hsl(217, 91%, 60%) | |
| HWB | hwb(217, 23%, 4%) | |
| CMYK | cmyk(76%, 47%, 0%, 4%) | |
| NCol | C62, 23%, 4% | |
| OKLCH | oklch(62.3% 0.1880 259.81) |
Lighter / Darker:
#e7f0fe
#bbd4fc
#8fb8fa
#639cf8
#3780f6
#0b64f4
#0952c8
#07409c
#052e70
#031c44
#010a18
How to Use This Tool
Click any swatch in the color palette to instantly load that color and see all its format conversions — HEX, RGB, HSL, HWB, CMYK, and more. You can also type any color value in the “Or enter a Color” field — HEX (e.g. #3b82f6), RGB, HSL, or a CSS color name — and the tool will parse it instantly. Click any format row in the table to copy its value to your clipboard. Use the Lighter / Darker bar to explore tints and shades of the selected color.