Color Picker

Pick and convert colors

100% private — everything stays in your browser

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

How to use Color Picker

1
Pick your color — Use the color picker or enter a color value above to get started.
2
Adjust your settings — Use the interactive controls to fine-tune colors, adjust values, or configure options.
3
Copy the result — Copy the generated color codes (HEX, RGB, HSL) or CSS output. Everything runs locally in your browser.