Color and Fonts Extractor

This extension is meant to help you extract the color palette and font of any website

Color and Fonts Extractorとは何ですか?

Color and Fonts Extractorはnh2amineによって開発されたChromeの拡張機能で、その主な機能は「This extension is meant to help you extract the color palette and font of any website」です。

拡張機能のスクリーンショット

screenshot

Color and Fonts Extractor拡張機能のCRXファイルをダウンロード

Color and Fonts Extractor拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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.                    

拡張機能の基本情報

名前 Color and Fonts Extractor Color and Fonts Extractor
ID jbnjlcapocfdcoieepfpmcjfjhjdfibo
公式URL https://chromewebstore.google.com/detail/color-and-fonts-extractor/jbnjlcapocfdcoieepfpmcjfjhjdfibo
説明 This extension is meant to help you extract the color palette and font of any website
ファイルサイズ 182 KB
インストール数 2,878
現在のバージョン 1.0.4
最終更新日 2020-06-10
公開日 2020-06-09
評価 1.00/5 合計 4 レビュー
開発者 nh2amine
支払い方法 free
対応言語 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"
            ]
        }
    ]
}