CSS Color Extractor
Pull every unique color out of CSS code (hex, rgb, hsl, oklch, names). Everything runs on your device — fast, free, and private.
The result will appear here…
or press Ctrl+Enter
Everything runs in your browser. Your data is never sent to our servers.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
.btn{color:#00B8E6;background:rgb(124,58,237)}Example Output
2 found: #00b8e6 #7c3aed
How to Use
- 1Enter a color or data in the Input field.
- 2Set "More settings" if needed, then click Run (or Ctrl+Enter).
- 3Copy the result — a swatch is shown next to each value.
About CSS Color Extractor
The CSS Color Extractor scans pasted CSS and collects every unique color value — hex, rgb()/rgba(), hsl(), oklch(), lab(), and color names — then normalizes them to HEX with swatches.
Useful for auditing a stylesheet's palette, building a color-token list, or finding duplicate colors.
FAQ
Is my data sent to a server?
No. CSS Color Extractor runs entirely in your browser — your data never leaves your device.