For dashboards and data-heavy UI
Build clear hierarchy with dependable contrast, semantic tokens, and readable data colors.
Colors Browser-only processing Updated March 19, 2026
Color Picker
Pick colors with a visual color picker, save your favorites, and copy values instantly. Your color palette is saved locally in your browser.
#6366F1
Color Values
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
Saved Colors (0/20)
No saved colors yet. Pick a color and click "Save to Palette".
How to Use
- Click the large color preview to open the color picker
- Or type a color value directly (HEX, RGB, HSL)
- Click "Save to Palette" to save the current color
- Click any saved color to select it
- Copy color values using the copy buttons
Use Cases
For brand palettes and design systems
Create reusable color scales and exports for CSS variables, Tailwind, and documentation handoff.
Glossary Terms
Frequently Asked Questions
Where are my saved colors stored? ▼
Your saved colors are stored in your browser's localStorage. They persist across sessions but are private to your device — we never see or store your colors.
How many colors can I save? ▼
You can save up to 20 colors in your palette. When you save a new color beyond the limit, the oldest one is removed automatically.
Can I use this on mobile? ▼
Yes! The color picker works on mobile devices. Tap the large color preview to open your device's native color picker.
How do I copy a color value? ▼
Click the copy icon next to any color value (HEX, RGB, or HSL) to copy it to your clipboard.