Color Picker & Converter

Pick a color and convert between HEX, RGB, HSL and HSV, with a history of your recent colors kept on your device.

Preview

#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)

Preview

Any CSS color

Try #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) or a name like teal.

RGB

HSV

HSL

Recent colors

No saved colors yet. Save the current color or copy a value to start the list.

How to use

Pick a color with the swatch, the HEX field, or by typing any CSS color into the free-text field.
The RGB, HSL and HSV fields are synchronized: change any of them and the others update instantly.
Use the copy buttons to copy the value in exactly the format you need.
Save the current color to the recent-colors list and click a saved swatch to re-apply it later.

Notes

Every conversion runs in your browser; the colors you pick are never sent to a server. Recent colors are stored only in this device's localStorage and can be cleared at any time. The free-text field accepts #hex, rgb(), hsl() and a small set of named colors such as teal.

FAQ

What is the difference between HSL and HSV?: In HSL, L is lightness: the most vivid color sits halfway between black (0%) and white (100%). In HSV, V is value: 100% is the brightest pure color. Use whichever model your workflow is based on.
Is transparency (alpha) supported?: This picker works with opaque colors. If you paste a value with alpha such as #rrggbbaa or rgba(), only the RGB part is used.