HEX Color Picker — a fast, minimal tool for sampling and copying colors. One tap/click copies the color’s HEX color value to your clipboard, ready to be paste anywhere. Two workflows: Palette (procedural HSL grid) and Image (pick from a photo).
Modes
- Palette
- Hues (columns) — set the number of hue divisions across the 360° wheel (min 36). Columns are evenly spaced; on phones you can horizontally swipe through columns.
- Brightness (rows) — number of lightness steps from white (top) to black (bottom) (min 10). Cells scale to fill the screen—rectangles are OK by design.
- Saturation — global saturation for all hue columns; the pinned grayscale column is unaffected.
- Hue Shift — offsets all columns by a small number of degrees to “land” on in-between hues. The shift range adapts to the current column count (step = 360/columns).
- Pinned Grayscale — a dedicated grayscale column is always visible on the left for quick neutral picks.
- Copy behavior — click/tap any swatch to copy HEX. Tooltip is hidden in this mode to keep the grid clean; a toast confirms the copy.
- Image
- Load image… — choose a file from your device. The image is contained to the screen and preserves its aspect ratio.
- Live preview — a floating tooltip follows the pointer/press with a color chip and HEX of the current pixel.
- Pick & copy — desktop: click to copy. Mobile: press & drag to preview, lift to copy. A toast confirms the pick.
Last color & History
- Last picked — the swatch in the bottom bar always shows the most recent color; click to copy again.
- History — up to 8 recent colors appear next to the last swatch; each is clickable for quick reuse. Duplicates are collapsed.
Mobile & Responsiveness
- On small screens, the palette allows horizontal swipe between hue columns while rows still fill the height.
- Controls in the bottom bar wrap neatly; sliders expand to full width to avoid overflow.
- Haptic feedback (vibration) is used where supported when copying.
Privacy
- Everything runs locally in your browser. Images you load aren’t uploaded anywhere.
Shortcuts & Tips
- Click / Tap — copy HEX from any swatch (Palette) or from the image under the cursor (Image).
- Press & drag (mobile) — preview color under your finger; release to copy.
- Use Hue Shift to reach hues between the current column spacing without changing the number of columns.
Goal
Provide a full-screen, eyes-on-color picking flow with instant copy, simple controls, and no distractions.