Design tools
Color Picker
Pick colors, convert HEX/RGB/HSL, and keep a quick swatch history.
Selected Color
Contrast ratio will appear here.
Color History
Saved colors will appear here.
Palette
Pick, convert, and check colors for UI work
The color picker converts HEX, RGB, and HSL values, adjusts alpha, builds palettes, copies CSS variables, and checks contrast ratios. Use it while designing interfaces, themes, charts, or brand-adjacent assets.
Contrast feedback helps identify color pairs that may be hard to read before they reach production UI.