Relic
Get Relic free

Color Picker

Drag to pick any color and copy its HEX, RGB and HSL values in one click, with a quick palette of tints and shades.

Runs entirely in your browser. Nothing you type is uploaded.
HEX#b5832a
RGBrgb(181, 131, 42)
HSLhsl(38, 62%, 44%)
Tints and shades

Pick a color, get every format you need

Drag inside the box to set saturation and brightness, slide the bar to change the hue, or type a hex code and the whole picker keeps in sync. The same color comes back as HEX, RGB and HSL, so you can drop the right one straight into CSS, a design file, or a config. The row of tints and shades gives you lighter and darker steps for hover states and borders, and clicking any of them makes it the new base. Everything is computed in your browser.

For the brand colors you keep re-typing

That exact accent value, the hex you swear you will remember next time, the palette from three projects ago. You copy them and then they vanish. Relic is an encrypted, permanent memory for everything you copy, so every color, token, and snippet stays searchable on every device, end-to-end encrypted so only you can read it. Pick here for free, keep your palette for good.

Frequently asked questions

How do I use the color picker?

Drag inside the box to set saturation and brightness, slide the bar to change the hue, or type a hex code and the whole picker keeps in sync. The color comes back as HEX, RGB, and HSL, each with its own copy button.

What is the difference between HEX, RGB, and HSL?

They are three ways to write the same color. HEX is the compact hash code CSS and design tools love (#b5832a). RGB gives the red, green, and blue amounts as numbers from 0 to 255. HSL describes it as hue, saturation, and lightness, which is the easiest format to tweak by hand.

Can I pick a color from anywhere on my screen?

In browsers that support the EyeDropper API (recent Chrome and Edge), a "Pick from screen" button appears, and you can sample any pixel on your display. If you do not see the button, your browser does not offer that feature yet.

What are the tints and shades below the values?

They are lighter and darker steps of your current color, holding the hue and saturation while varying the lightness. They are handy for hover states, borders, and backgrounds, and clicking any of them makes it the new base color.

Is my color data sent anywhere?

No. The picker runs entirely in your browser, and nothing about the colors you choose is uploaded or logged.

More free tools
Online Notepad
online notepad
QR Code Generator
qr code generator
Instagram Fonts
instagram fonts
Bold Text Generator
bold text generator
Small Text Generator
small text generator
Glitch Text Generator
glitch text generator
All tools