HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Pick any color and instantly get its HEX, RGB, and HSL codes — copy the one you need in a click. Free, no signup, runs in your browser.
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)The Color Picker lets you choose any color and instantly see it in the three formats you'll actually use in code and design: HEX, RGB, and HSL. Click the swatch to open your browser's color selector, pick a shade, and all three codes update together — copy whichever one your project needs.
It's built for the common moment when you have a color in mind (or on screen) and just need its code in the right syntax for CSS, a design tool, or digital art. No conversions by hand, no signup, and everything runs in your browser.
HEX is the most common format in web design — a # followed by six characters (#FF5733), where each pair encodes red, green, and blue.
RGB expresses the same thing as three numbers from 0–255 — rgb(255, 87, 51) is the same orange as #FF5733. It's handy when you want to read or tweak channels directly.
HSL stands for hue, saturation, and lightness. It's the most intuitive for designers: keep the hue and saturation fixed and change the lightness to create clean tints and shades of a single color — perfect for hover states and palettes.
Color carries meaning. Knowing the common associations helps you choose intentionally for a brand or interface.
| Color | Association | Common Use |
|---|---|---|
| Red | Urgency, passion, energy | Sales, CTAs, food brands |
| Blue | Trust, calm, professionalism | Finance, tech, healthcare |
| Green | Nature, growth, health | Eco, finance, wellness |
| Yellow | Optimism, warmth, attention | Fast food, kids' brands |
| Purple | Luxury, creativity, wisdom | Beauty, premium brands |
| Orange | Enthusiasm, confidence | Entertainment, calls to action |
Three Formats
HEX, RGB, and HSL shown together for every color.
One-Click Copy
Copy any format with a click, or use Ctrl+1/2/3.
Live Preview
A large swatch updates instantly as you pick.
Ready for CSS
Codes are in valid syntax you can paste straight into styles.
100% Private
Runs entirely in your browser — nothing is uploaded.
Free Forever
No signup, no limits, on any device with a browser.
color: #FF5733;, color: rgb(255,87,51);, or color: hsl(11,100%,60%);.