Farbe Palette Extractor
Extract Farbe palettes von CSS, SCSS, und HTML Code
Eingabe Code
Paste CSS, SCSS, or HTML code above to extract all color values into a visual palette.
Farbe Palette Extractor
Extract Farbe palettes von CSS, SCSS, und HTML Code
Funktionen
- Extracts hex (#fff, #ffffff), RGB, RGBA, HSL, HSLA, und 148 named CSS Farben
- De-duplicates Farben und counts usage frequency across Ihr Code
- Sort palette von frequency, hue, oder lightness
- Export as CSS variables, SCSS variables, oder JSON
- Copy individual Farben oder der full palette mit one klicken
- 100% client-side Verarbeitung - kein Daten leaves Ihr Browser
Anleitung
- Fügen Sie ein Ihr CSS, SCSS, oder HTML Code in der Text area.
- Colors are extracted automatically - hex, rgb, hsl, and named colors are all detected.
- Sort Ihr palette von frequency, hue, oder lightness.
- Klicken jeder swatch zu copy its hex Wert.
- Choose an export format (CSS variables, SCSS, or JSON) and copy the full palette.
Tipps & Best Practices
- Try the 'Sample CSS' button to see the tool in action with a realistic stylesheet.
- Sort von hue zu see Ihr Farbe spectrum bei ein glance.
- Sort von frequency zu find welch Farben dominate Ihr codebase.
- Verwenden der JSON export Format zu integrate Farben in Ihr build tooling.
- Fügen Sie ein ein entire stylesheet zu audit Ihr project's Farbe consistency.
FAQ
What color formats does it detect?
The tool detects hex colors (3-digit #fff, 6-digit #ffffff, and 8-digit with alpha), rgb(), rgba(), hsl(), hsla() functions, and all 148 standard CSS named colors like 'red', 'dodgerblue', 'coral', etc.
How are duplicate colors handled?
Colors that resolve to the same hex value are merged into a single entry with a combined usage count. For example, 'red', '#ff0000', and 'rgb(255, 0, 0)' would all count as the same color.
Is my code private?
Yes, all processing happens entirely in your browser. No code or data is ever sent to any server.
Can I use this with SCSS or HTML?
Absolutely. The parser extracts color values from any text, so it works with CSS, SCSS, LESS, HTML inline styles, or even plain text containing color values.
What export formats are available?
You can export your palette as CSS custom properties (:root variables), SCSS variables ($variable syntax), or a structured JSON object with hex, RGB, HSL, and usage count for each color.