Coloracci
Extension Actions
See through any website. Inspect colors, typography, assets, and download icons in seconds.
oloracci - See through any website
A powerful Chrome extension for designers and developers to inspect and extract design details from any website.
SMART INSPECTOR
Click any element to see its full design details including dimensions, colors, spacing, and typography.
COLOR PALETTE
Extract all colors from any page instantly. Copy HEX codes with one click and locate colors on the page.
TYPOGRAPHY
Discover fonts, sizes, weights, and styles used on any website.
ASSETS
Download images, SVGs, and icons in seconds. WebP images are automatically converted to PNG!
ACCESSIBILITY
Check color contrast ratios to ensure your designs meet WCAG standards.
EASY DOWNLOAD
Export assets directly to your computer with one click.
HOW TO USE:
1. Click the Coloracci icon on any website
2. Toggle "Inspect Mode" to click and inspect elements
3. Browse the Colors, Typography, and Assets tabs
4. Click colors to copy, click "Locate" to find them on the page
5. Download any asset with a single click
PERMISSIONS EXPLAINED:
• activeTab - Access current tab to inspect styles
• scripting - Inject the inspection panel
• storage - Save your preferences
• tabs - Get page information
PRIVACY:
Coloracci processes all data locally in your browser. We don't collect, store, or transmit any personal data or browsing history.
Website: https://coloracci.ai
Privacy Policy: https://coloracci.ai/privacy