Tailwind Color Picker

Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.

What is Tailwind Color Picker?

Tailwind Color Picker is a Chrome extension developed by hassan4709, and its main feature is "Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.".

Extension Screenshots

screenshot

Download Tailwind Color Picker Extension CRX File

Download Tailwind Color Picker 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

                        This chrome extension will calculate the closest Tailwind color in any website you open it in so you can quickly prototype.                    

Extension Basic Information

Name Tailwind Color Picker Tailwind Color Picker
ID iaknbjonlhaajcfpfcimahgpfknpihfm
Official URL https://chromewebstore.google.com/detail/tailwind-color-picker/iaknbjonlhaajcfpfcimahgpfknpihfm
Description Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.
File Size 345 KB
Installation Count 1,335
Current Version 1.0.1
Last Updated 2023-02-01
Publish Date 2023-01-17
Rating 5.00/5 Total 3 Ratings
Developer hassan4709
Email [email protected]
Payment Type free
Extension Website https://twitter.com/nutlope
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Tailwind Color Picker",
    "short_name": "TailwindColorPicker",
    "version": "1.0.1",
    "manifest_version": 3,
    "description": "Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.",
    "homepage_url": "https:\/\/github.com\/nutlope\/tailwind-color-picker",
    "icons": {
        "16": "assets\/icon16.png",
        "48": "assets\/icon48.png",
        "128": "assets\/icon128.png"
    },
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_title": "Click the icon",
        "name": "Click to invoke the inspector"
    },
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "commands": {
        "toggle-inspector": {
            "suggested_key": {
                "windows": "Ctrl+Shift+X",
                "linux": "Ctrl+Shift+X",
                "mac": "Command+Shift+X",
                "chromeos": "Ctrl+Shift+X"
            },
            "description": "Toggle the inspector"
        }
    },
    "web_accessible_resources": [
        {
            "resources": [
                "assets\/*"
            ],
            "matches": [
                ""
            ]
        }
    ]
}