Color Palette Extractor
Parse HEX, RGB, RGBA, HSL, HSLA from any text. Clean monochrome interface built for precision.
Source text / code snippet
0 colors
Extracted colors
unique & sorted
No colors detected — paste text and click Extract
How to Use
1. Paste content
Paste any text, CSS, JSON, or code containing color codes.
2. Extract colors
Click "Extract" — tool identifies HEX, RGB, RGBA, HSL, HSLA.
3. Copy individually
Each color card has a copy button for single values.
4. Bulk copy
Use "Copy All" to get all extracted colors (comma-separated).
5. Clear
Reset editor and color list with one click.
FAQs
Which color formats are supported?
HEX (3/6 digit), RGB, RGBA, HSL, HSLA — modern and legacy syntax, case insensitive.
Are duplicate colors removed?
Yes, the palette shows unique colors only, keeping your workflow clean.
Does it respect alpha channels?
Absolutely, rgba/hsla values preserve transparency values and display correctly.
Can I use this for design systems?
Yes — perfect for auditing design tokens, theming, or extracting brand colors from docs.
Is there a keyboard shortcut?
Press Ctrl+Enter (or Cmd+Enter) inside the textarea to extract quickly.
Copied!