Overview
Extract color palettes(can be exported in HEX, RGB, HSL or Tailwind CSS format), fonts, images directly from any website.
Chromata π¨β¨ Extract color palettes and typography from any website, instantly convert to Tailwind CSS format. π Overview Chromata is a Chrome extension that extracts colors and fonts from websites and transforms them into ready-to-use design tokens. Perfect for developers and designers who want to capture any website's visual style. β¨ Key Features π¨ Color Extraction Smart Analysis: Identifies prominent colors using area-based algorithm Auto-categorization: Primary/secondary backgrounds, text colors, accents Multiple Formats: HEX, RGB, HSL, OKLCH with one-click switching Color Names: Human-readable names via TheColorAPI π― Tailwind CSS Export Tailwind v3: JavaScript objects for tailwind.config.js Tailwind v4: CSS variables for the new format Full Scales: Auto-generates 50-950 color scales One-Click Copy: Export entire palettes instantly π€ Typography Analysis Complete font stacks with fallbacks Usage statistics and CSS-ready output Font properties (size, weight, line-height) πΌοΈ Image Assets Asset Scanner: Automatically detects all images from any website Bulk Download: Download multiple images with one click Format Support: JPG, PNG, SVG, WebP, and more π‘ User Interface Floating, draggable widget Tab navigation (Colors/Fonts) Progress tracking for large sites Format selector and palette generator π How to Use Click extension icon on any website Wait for analysis to complete Browse colors organized by usage Generate palettes from any color Select export format (Tailwind v3/v4) Copy palette or switch to Fonts tab π― Perfect For UI/UX designers creating style guides Frontend developers implementing designs Design system engineers π Privacy Only analyzes current tab when clicked All processing happens locally No data collection π¬ Support Love Chromata? Rate us on the Chrome Web Store!
0 out of 5No ratings
Details
- Version1.0.13
- UpdatedAugust 13, 2025
- Size69.94KiB
- LanguagesEnglish
- DeveloperWebsite
Email
hello@snapcss.style - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes