What is Color and Fonts Extractor?

Color and Fonts Extractor is a Chrome extension developed by nh2amine, and its main feature is "This extension is meant to help you extract the color palette and font of any website".

Extension Screenshots

Download Color and Fonts Extractor Extension CRX File

Download Color and Fonts Extractor extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

The real purpose of this extension is to simplify the extraction of the color palette and fonts names of any website.

if you are a designer or front-end developer, you can easily extract copy and paste the color palette and the font names used in any website with just 2 clicks.

You can than copy and past as css varibles in your css/scss files.

You can also extract each color individually in RGB(A), Hex or HSL format.

Extension Basic Information

Name	Color and Fonts Extractor
ID	jbnjlcapocfdcoieepfpmcjfjhjdfibo
Official URL	https://chromewebstore.google.com/detail/color-and-fonts-extractor/jbnjlcapocfdcoieepfpmcjfjhjdfibo
Description	This extension is meant to help you extract the color palette and font of any website
File Size	182 KB
Installation Count	2,878
Current Version	1.0.4
Last Updated	2020-06-10
Publish Date	2020-06-09
Rating	1.00/5 Total 4 Ratings
Developer	nh2amine
Payment Type	free
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Color and Fonts Extractor", "version": "1.0.4", "description": "This extension is meant to help you extract the color palette and font of any website", "manifest_version": 2, "icons": { "16": "icon_16.png", "24": "icon_24.png", "32": "icon_32.png", "128": "icon_128.png" }, "permissions": [ "activeTab", "clipboardWrite" ], "browser_action": { "default_icon": { "16": "icon_16.png", "24": "icon_24.png", "32": "icon_32.png", "128": "icon_128.png" }, "default_popup": "popup.html" }, "content_scripts": [ { "matches": [ "" ], "js": [ "extract_css.js" ] } ] }