Цвет Palette Extractor
Extract цвет palettes из CSS, SCSS, и HTML код
Ввод Код
Paste CSS, SCSS, or HTML code above to extract all color values into a visual palette.
Цвет Palette Extractor
Extract цвет palettes из CSS, SCSS, и HTML код
Возможности
- Extracts hex (#fff, #ffffff), RGB, RGBA, HSL, HSLA, и 148 named CSS цвета
- De-duplicates цвета и counts usage frequency across ваш код
- Sort palette по frequency, hue, или lightness
- Export as CSS variables, SCSS variables, или JSON
- Copy individual цвета или the full palette с one нажмите
- 100% client-side обработка - нет данные leaves ваш браузер
Как использовать
- Вставьте ваш CSS, SCSS, или HTML код в the текст area.
- Colors are extracted automatically - hex, rgb, hsl, and named colors are all detected.
- Sort ваш palette по frequency, hue, или lightness.
- Нажмите любой swatch к copy its hex значение.
- Choose an export format (CSS variables, SCSS, or JSON) and copy the full palette.
Советы и лучшие практики
- Try the 'Sample CSS' button to see the tool in action with a realistic stylesheet.
- Sort по hue к see ваш цвет spectrum в a glance.
- Sort по frequency к find который цвета dominate ваш codebase.
- Использовать the JSON export формат к integrate цвета в ваш build tooling.
- Вставьте an entire stylesheet к audit ваш project's цвет consistency.
Вопросы и ответы
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.