Item logo image for Chromata

Chromata

ExtensionDeveloper Tools8 users
Item media 5 (screenshot) for Chromata
Item media 1 (screenshot) for Chromata
Item media 2 (screenshot) for Chromata
Item media 3 (screenshot) for Chromata
Item media 4 (screenshot) for Chromata
Item media 5 (screenshot) for Chromata
Item media 1 (screenshot) for Chromata
Item media 1 (screenshot) for Chromata
Item media 2 (screenshot) for Chromata
Item media 3 (screenshot) for Chromata
Item media 4 (screenshot) for Chromata
Item media 5 (screenshot) for Chromata

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!

Details

  • Version
    1.0.13
  • Updated
    August 13, 2025
  • Size
    69.94KiB
  • Languages
    English
  • Developer
    Website
    Email
    hello@snapcss.style
  • Non-trader
    This 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

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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
Google apps