--- title: Color Picker: Free Online Tool | Relic description: Free online color picker. Choose a color and instantly get its HEX, RGB and HSL values to copy, with a quick palette of shades. Runs in your browser. canonical: https://relic.space/tools/color-picker source: https://relic.space/llms.txt --- # 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. You just copied that. What if you never lost it? **Relic** remembers everything you copy, forever, searchable on every device, and end-to-end encrypted so only you can read it. 250 MB free [Download forWindows](https://relic.space/download/windows)[Download formacOS](https://relic.space/download/macos)[Download forLinux](https://relic.space/download/linux)[Download forAndroid](https://play.google.com/store/apps/details?id=relic.space.app&referrer=utm%5Fsource%3Drelic.space%26utm%5Fmedium%3Dwebsite%26utm%5Fcampaign%3Dcontent)[Download foriPhone](https://apps.apple.com/us/app/relic-clipboard-vault/id6800556025) More free tools [Online Notepadonline notepad](https://relic.space/tools/online-notepad)[QR Code Generatorqr code generator](https://relic.space/tools/qr-code-generator)[Instagram Fontsinstagram fonts](https://relic.space/tools/instagram-fonts)[Bold Text Generatorbold text generator](https://relic.space/tools/bold-text-generator)[Small Text Generatorsmall text generator](https://relic.space/tools/small-text-generator)[Glitch Text Generatorglitch text generator](https://relic.space/tools/glitch-text-generator)[All tools](https://relic.space/tools)