Limits: RGB values: 0–255
Color Picker
Pick a color visually or enter values in HEX, RGB, or HSL. All formats stay in sync.
Pick a color
r
g
b
H
S
L
About Color Picker
The Color Picker lets you select any color using an interactive color wheel and sliders, then instantly shows its values in HEX, RGB, and HSL formats. Enter a known color value in any format and it converts to the others automatically.
Color format conversion is a constant need in design and development work — design tools often use HEX, CSS uses all three formats, and designers think in HSL. This tool makes switching between formats instant.
Copy any format with a click to use directly in your CSS, code, or design tool.
Features
- ✓Interactive color wheel and channel sliders
- ✓Real-time conversion between HEX, RGB, and HSL
- ✓Enter values in any format to convert
- ✓One-click copy for each format
- ✓Live color preview
Common Use Cases
- →Converting brand colors between design and code formats
- →Picking accessible foreground colors for a background
- →Finding the HEX value of a color from HSL values
- →Exploring color variations by adjusting hue and lightness