#designUpdated 2026-07-25
Color Picker
Normalize a color value into hex, RGB, and HSL formats.
Input
Output
Result will appear here.
runs locally
Features
- Multiple formats
- Readable output
- No dependencies
How to use Color Picker
- 1Paste a color value
- 2Click Convert
- 3Use the output format you need
Example
Input — Example
#1d4ed8
Output
Hex: #1d4ed8 RGB: rgb(29, 78, 216) HSL: hsl(221, 67%, 49%)
What Color Picker does
Normalize a color value into hex, RGB, and HSL formats. It runs entirely client-side, so nothing you enter is sent to a server — useful when working with sensitive data or when you just want an instant result without waiting on a network round-trip.
Common use cases
- Design tokens
- CSS authoring
FAQ
What input formats are accepted?
It accepts hex colors like #abc123 and rgb() values.
Related tools
Was this tool useful?