Color Picker
Pick a color and copy its HEX, RGB & HSL codes — with five tints and five shades one click away.
Tints (lighter) & shades (darker) — click any swatch to use it
Everything runs in your browser — no colors are ever uploaded.
What it does
- Three formats at once — HEX, RGB and HSL, each on a clickable line that copies to your clipboard.
- Tints & shades — five lighter and five darker steps of your color for building a palette.
- Type or pick — use the native color picker, paste a hex code, or hit Random for a fresh start.
About this tool
Whether you're picking a brand color, matching an existing shade, or building a set of hover and border tones, it helps to see every format side by side. This picker converts between HEX, RGB and HSL instantly and generates an even ladder of tints and shades so you can grab a lighter or darker variant without guessing.
It's 100% in-browser — pick, copy and paste, with nothing uploaded or saved.
FAQ
What color formats does this show?
It converts your chosen color into HEX, RGB and HSL at once. Click any value to copy it straight to your clipboard, ready to paste into CSS, a design tool or code.
How are the tints and shades made?
Each tint mixes your color toward white and each shade mixes it toward black in even steps, giving you a quick, balanced palette. Click any swatch to make it the new base color.
Does anything get uploaded?
No. Every conversion runs in your browser with JavaScript — no colors, no clicks and no data ever leave this page.