🎨 Color Picker
Pick any color — or grab one straight from your screen with the eyedropper — and get its name plus HEX, RGB and HSL codes, with 10 shades and 10 tints.
Frequently Asked Questions
What are HEX, RGB and HSL color codes?
They are three ways of writing the same color. HEX (#10b981) encodes red, green and blue as hexadecimal pairs and is the most common format in CSS and design tools. RGB (rgb(16, 185, 129)) lists the same three channels as decimal numbers from 0–255. HSL (hsl(160, 84%, 39%)) describes the color by hue (0–360°), saturation and lightness, which makes it easier to reason about lighter/darker or more/less vivid variants.
What is the difference between a shade and a tint?
A shade is the color mixed with black (darker) and a tint is the color mixed with white (lighter). The tool shows 10 of each in even steps — click any cell to make it the current color and get its codes.
Can I type a color code instead of picking visually?
The picker itself is visual, but if you already have a code to convert, use the companion HEX ↔ RGB ↔ HSL Converter tool (linked under Related Tools) — paste any format and get all three back.
Can I pick a color from anywhere on my screen?
Yes — the "Pick from Screen" button uses the browser's EyeDropper API to sample any pixel on your screen, even outside the browser window (an image, another app, a design mockup). It works in Chrome and Edge on desktop; Safari and Firefox don't support the API yet, so the button is hidden there and the regular picker is used instead.
How is the color name determined?
The tool compares your color against the 140+ named colors defined in CSS (Teal, Crimson, Cornflower Blue, Rebecca Purple…). An exact match shows the name directly; otherwise the nearest named color is shown with a ≈ sign. The Copy button copies the CSS keyword (e.g. mediumseagreen), which you can use directly in stylesheets.
Is anything sent to a server?
No. Color conversion and the shade/tint generation run entirely in your browser with JavaScript — nothing you pick is uploaded anywhere.