HEX color picker
Use a HEX color picker workflow in the free studio: generate swatches, click once to copy HEX, lock favorites, and export a palette PNG.
Last updated:
One-click HEX from neon swatches
The studio is a playful HEX color picker built as large rounded swatch cards. Each card shows mono #RRGGBB plus RGB. Click once to copy; use the lock control so Generate and Shuffle leave that color alone.
Picker workflow
- Open the color studio and tap Generate for a fresh set.
- Click any swatch to copy its HEX with toast feedback.
- Lock keepers, Shuffle unlocked tones, or Generate again.
- Optional: Palette PNG, Copy CSS, or Export JSON for later.
HEX tips for UI work
- Prefer 6-digit hex in production CSS over shorthand when sharing tokens.
- Pair accent HEX with a dark studio background like #0f0a1a for neon contrast checks.
- Recolor the word cloud to preview the same HEX set on typography.
Related: CSS color palette, random color generator, palette tips.
FAQ
How do I copy a HEX code from the studio?
On the studio page, click any swatch card (or its HEX label). The hex value copies to your clipboard and a toast confirms, for example “HEX copied: #E879F9.”
Does the HEX color picker require an account?
No. Everything runs in your browser. Local drafts and optional JSON export keep your palette on the device — nothing is uploaded.
Can I export HEX values as a file?
Yes. Copy CSS for :root variables, Export JSON for a full backup (palette + locks + word list), or Palette PNG for a visual strip with HEX labels.