Get colors, fonts and meta tags from website.

Latest Version

Version
1.1.0
Update
September 29, 2024
Size
211KiB
Developer
gabrielesabatino.it
Category
Users
19
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

Website breakdown Extension

Website Breakdown is an intuitive and powerful browser extension designed for web developers and designers to easily extract colors, fonts and meta datas used on any website. With a single click, you can get a detailed overview of a webpage's visual styles. Additionally, the extension allows you to download this information in a well-organized PDF file, complete with color preview, font details and meta datas.

Key Features:

Color Extraction: Retrieve all colors used on the webpage, including solid colors and gradients.
Color Picker: Pick any color from the web page.
Colors are displayed in HEX, RGB, and HSL formats.
Gradient Support: Identify and display background gradients used on the webpage.
Font Details: Extract fonts used on the page, including the HTML tags of elements where they are applied, without duplicates.
Preview Display: See colors and gradients with previews.
PDF Generation: Save the color and font details in a well-formatted PDF file with the website title and URL.
Advanced Inspector: Select on web page your elements and see how they are structured.
User-Friendly: Simple and intuitive user interface with a loading indicator for scanning colors and fonts.
Color Format Support: View colors in various formats (HEX, RGB, HSL) and maintain gradients in their original form.

Install the extension from the Chrome Web Store.
Visit any website and open the extension by clicking the icon in the browser toolbar.
Wait for the scan to complete.
View the extracted colors and fonts in the extension popup window.
Click the \"Save\" button to download a PDF file with all the color and font details.
Ideal for:

Web developers needing to replicate or analyze the visual styles of a site.
Designers looking for inspiration from color schemes and fonts used on other web pages.
Anyone wanting a quick and detailed overview of a website's visual styles.
Simplify your workflow and enhance your design process with Website Breakdown!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Website breakdown", "version": "1.1.0", "description": "Get colors, fonts and meta tags from website.", "permissions": ["activeTab", "scripting"], "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "action": { "default_popup": "popup.html" }}
Read more

Similar Extensions

icon

Eye Dropper Extension · Developer Tools 19 3008 ★ 112KiB

icon

Visual CSS Editor Extension · Developer Tools 19 145 ★ 414KiB

icon

Color Dropper from Image Extension · Developer Tools 19 6 ★ 1.85MiB

icon

Color Picker Extension · Productivity 19 7 ★ 1.74MiB

icon

Color Changer Extension · Accessibility 19 36 ★ 52.45KiB

icon

Hex Color Picker Extension · Productivity 19 29 ★ 841KiB

icon

What Font - font finder Extension · Productivity 19 249 ★ 161KiB

icon

Color Picker, Eyedropper - Geco colorpick Extension · Photos 19 823 ★ 533KiB

icon

RGB Color Picker Extension · Productivity 19 15 ★ 3.53MiB

icon

Color Picker - Eyedropper Tool Extension · Productivity 19 939 ★ 1.77MiB

icon

Web Color Picker - online color grabber Extension · Developer Tools 19 120 ★ 1.23MiB

icon

Fontpair Extension · Productivity 19 4 ★ 445KiB

icon

ColorFont | Color Picker and Font Picker Extension · Developer Tools 19 6 ★ 933KiB

icon

WhatFont - What html font Extension · Productivity 19 43 ★ 128KiB

icon

Color Eyedropper Extension · Productivity 19 1 ★ 223KiB

icon

FontViz: Inspect fonts with ease Extension · Developer Tools 19 53 ★ 923KiB

icon

What Font - find font & color Extension · Productivity 19 2 ★ 138KiB

icon

Color Palette Extension · Developer Tools 19 9 ★ 63.64KiB

icon

fontSwapper - Change selected sites font Extension · Productivity 19 4 ★ 124KiB

icon

Color Hunter Extension · Developer Tools 19 1 ★ 105KiB

icon

Color Picker Online - Eyedropper Tool Extension · Productivity 19 4 ★ 1.7MiB

icon

Color Picker Extension · Productivity 19 0 ★ 64.67KiB

icon

WhatFont Extension · Developer Tools 19 2007 ★ 741KiB

icon

Color Bookmarker (Your Ultimate Color Picker for Capturing Colors Anywhere) Extension · Productivity 19 9 ★ 41.1KiB