Color Picker

Pick any color and get its HEX, RGB, and HSL values instantly.

PICK A COLOR

HEX
#1F4D3D
RGB
rgb(31, 77, 61)
HSL
hsl(159, 43%, 21%)

What this tool does

A color picker lets you choose any color and instantly see its value in the three formats designers and developers use most — HEX, RGB, and HSL — so you can copy the exact code into your project.

How it works

  1. Pick a color using the color swatch, or type a HEX code directly.
  2. The HEX, RGB, and HSL values update instantly to match.
  3. Click Copy next to any format to copy that code to your clipboard.
Example: Picking a forest green swatch shows #1F4D3D in HEX, rgb(31, 77, 61) in RGB, and hsl(159, 43%, 21%) in HSL, all ready to copy.
Yes. The color picker is completely free, with no signup, no watermark, and no limit on how many times you use it.
No — it's built for anyone, with no design skills or software required.
Yes — anything you create is yours to use, including for business or client work.
Yes — it's fully responsive and works the same on mobile, tablet, or desktop.
Yes — "color picker" and "online color picker" describe the same task. This page is built to handle that search directly, without redirecting you elsewhere.