Pick any color with the native palette, HEX field or RGB sliders and get HEX, RGB and HSL codes instantly. Use EyeDropper to sample any pixel on your screen, or generate a random color with one click.
Technical Specifications
Input formats, color math and engine details for every selection.
| Specification |
Details |
| Input methods |
Native <input type="color"> picker, HEX text field (#RGB or #RRGGBB), and R/G/B sliders (0 to 255) |
| Output formats |
HEX (#RRGGBB uppercase), RGB (0 to 255 per channel), HSL (H 0 to 360, S 0 to 100%, L 0 to 100%) |
| Color math |
HEX ↔ RGB direct mapping; RGB -> HSL via max/min hue algorithm; luminance via WCAG relative luminance |
| EyeDropper |
window.EyeDropper API where available (Chrome, Edge, Opera). Falls back to native picker otherwise |
| History |
12 slots, most recent first. Click any swatch to restore. Stored in tab memory only |
| Preview |
Live swatch with checkerboard transparency background, contrast hint for white vs black text |
| Processing location |
100% client-side JavaScript in your browser memory; nothing is uploaded |
| Export |
Copy HEX, RGB or HSL individually; Copy HEX main button; download palette as .txt |
| Usage limit |
None — pick unlimited colors for free, no signup required |
Understanding Color Formats
Color appears simple — a swatch, a name — but stylesheets need precise numbers. A paragraph color and a button background that look similar on one monitor can diverge on another unless the numbers match. The three common notations solve this in different ways: HEX for compact CSS, RGB for screen-native values, and HSL for human-friendly adjustments.
HEX, RGB and HSL in practice
HEX encodes red, green and blue as two hexadecimal digits per channel, so #FF0000 is pure red and #2563EB is a vivid blue. RGB writes the same channels as decimals from 0 to 255, for example rgb(37, 99, 235). HSL reframes the same color as hue (an angle 0 to 360 around the color wheel), saturation (0 to 100% from gray to vivid) and lightness (0 to 100% from black to white). Designers prefer HSL for variations: raise lightness for a hover state, lower saturation for a muted badge.
Sampling colors from the screen
The EyeDropper API opens a system magnifier that reports the exact pixel value under the pointer, even outside the browser window. This avoids screenshots and manual guessing. When the API is unavailable (Firefox, Safari), the native color input and HEX field cover the same workflow without leaving the page. For matching text to background legibility, pair this picker with the Contrast Checker or build full schemes in the Color Palette Generator.
Choosing readable combinations
The preview badge shows whether white or black text is more readable on your swatch, derived from WCAG relative luminance. A luminance below about 0.18 typically needs white text. The breakdown card lists both contrast ratios so you can check WCAG AA (4.5:1 for normal text, 3:1 for large text) before committing colors to production CSS.
Honest limitations
This picker works in sRGB, the web default, and does not manage display color profiles or wide-gamut P3. The EyeDropper requires a secure context (HTTPS) and a supporting browser; otherwise the button shows a helper message. History lives only in tab memory and is cleared when you leave the page. For alpha/transparency workflows, add the opacity in your own rgba() or hsla() layer on top of the solid value.
Privacy and Client-Side Security
Privacy Guarantee: All color parsing and conversion occurs locally inside your browser. Your selections and history are never transmitted, stored, or recorded on remote servers.
Many online pickers upload parameters or log selections for analytics. TinyToolzz keeps everything in-page: HEX parsing, RGB ↔ HSL math, luminance and contrast calculation, and EyeDropper sampling run with plain JavaScript in your tab's memory.
Because nothing is uploaded, there is no waiting, no account, and no copy of your palette retained anywhere. Your values exist only in the tab's memory and are discarded when you close the page or click Clear.