Color Picker

Pick colors and convert between HEX, RGB, and HSL formats. Includes a visual color picker and format converter.

#3B82F6rgb(59, 130, 246)

Pick a Color

Click the color swatch above or edit the values below to change the color.

HEX

RGB

HSL

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

Related Tools

Create CSS gradients visually

Calculate & scale aspect ratios

Generate favicons from text/emoji

Create CSS box shadows visually