Color Picker
Pick a color and copy its HEX, RGB, and HSL values instantly for CSS, design systems, prototypes, and developer handoff.
selected hex
#FF6B6B
Use the native browser picker for a fast workflow, then copy the exact HEX, RGB, or HSL value you need for CSS, design tokens, or handoff notes.
hex
#FF6B6B
rgb
rgb(255, 107, 107)
hsl
hsl(0, 100%, 71%)
Why use it
Designers often need to move between visual picking and code-ready values quickly. This tool keeps that workflow simple by showing the three most common color formats together with independent copy actions.
Useful for
Choosing UI accent colors and copying the exact value into CSS variables.
Checking a picked color in RGB for canvas, graphics, or frontend code.
Using HSL when you want to adjust hue, saturation, or lightness more intuitively.