Color Picker

Pick and convert colors free online -- HEX, RGB, HSL, and HSV simultaneously. A real-time color picker with live preview, for designers and developers.

HEX

RGB

HSL

HSV

Browser only.

How to Use This Tool

Pick a colorUse the color wheel or type a HEX code

See all formats instantlyHEX, RGB, HSL, and HSV update together

Copy what you needEach field is ready to paste into code

One Color, Every Format You Might Need

Switching between design tools and code often means converting a color from whatever format one tool gives you into whatever format the next one expects. This picker shows all four common formats simultaneously and keeps them in sync, removing that conversion friction entirely from the workflow.

Choosing Between HSL and HSV for Adjustments

When you want to lighten or darken a color while keeping its hue, HSL's lightness axis gives an easy-to-use, predictable result. HSV's value axis behaves slightly differently, mapping more directly to how color-wheel picker interfaces in design software typically work. Having both available means you can reason about color adjustments in whichever model fits your specific task.

A Stateless Tool by Design

This picker intentionally doesn't save history or build a palette -- it shows the one currently selected color in full detail. For building and saving a multi-color palette, the dedicated Palette Generator tool handles that broader task.

Frequently Asked Questions

Different contexts call for different formats -- CSS commonly uses HEX or RGB, design tools often use HSL or HSV for easy-to-use lightness/saturation adjustment. Showing all four simultaneously means you never need a separate conversion step once you've picked a color.

HSL's lightness axis runs from black through the pure color to white. HSV's value axis runs from black to the pure color directly, with saturation handling the white-mixing separately. HSL is more common in CSS and web design; HSV maps more easy-to-usely to color-wheel picker interfaces.

Yes, typing a valid HEX code updates the visual picker and all other format fields to match, so you can work in whichever direction is more convenient for your workflow.

Yes, each format field is easily selectable and copyable, ready to paste directly into CSS, design software, or any other context expecting that specific color format.

No, it works as a stateless picker -- whatever color is currently shown is what's active, with no history or saved palette. For saving multiple colors, the Palette Generator tool is built for that specific purpose.