colourSpy

Easily view CSS colours used on a website.

What is colourSpy?

colourSpy is a Chrome extension developed by brandonbarker, and its main feature is "Easily view CSS colours used on a website.".

Extension Screenshots

screenshot
screenshot
screenshot

Download colourSpy Extension CRX File

Download colourSpy 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

                        colourSpy is a handy extension to quickly find and preview colours used on a website.

It displays them all in a list of swatches where you can easily copy the corresponding RGB, HEX or HSL values for use in your IDE of choice, or simply export the list of colours to your format of choice.

Supported export formats at the moment are:

CSS
SCSS
LESS
Plain Text
JSON

Changelog:

0.1.4:
 * Added remove swatch button
 * Bug fixes and optimization 

0.1.3:
 * Added export functionality (export to CSS / SCSS / LESS / JSON or Plain Text)

0.1.2:
 * Bug fixes and UI tweaks

0.1.0
 * Initial release

https://github.com/brandon-barker/colourSpy                    

Extension Basic Information

Name colourSpy colourSpy
ID gibojaiafjjbdkfciggcoikfeolodlhm
Official URL https://chrome.google.com/webstore/detail/colourspy/gibojaiafjjbdkfciggcoikfeolodlhm
Description Easily view CSS colours used on a website.
File Size 787 KB
Installation Count 193
Current Version 0.1.4
Last Updated 2014-08-18
Publish Date 2014-08-18
Rating 3.75/5 Total 4 Ratings
Developer brandonbarker
Payment Type free
Extension Website https://github.com/brandon-barker/colourSpy
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "colourSpy",
    "version": "0.1.4",
    "manifest_version": 2,
    "description": "Easily view CSS colours used on a website.",
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "default_locale": "en",
    "background": {
        "scripts": [
            "src\/bg\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "js\/jquery\/jquery.js",
                "js\/color\/color-0.7.1.min.js",
                "content.js"
            ]
        }
    ],
    "browser_action": {
        "default_icon": "icons\/icon19.png",
        "default_title": "colourSpy",
        "default_popup": "src\/browser_action\/browser_action.html"
    },
    "web_accessible_resources": [
        "js\/jquery\/jquery.js",
        "js\/jquery\/jquery.min.js",
        "js\/jquery\/jquery.min.map.js",
        "css\/font-awesome.min.css",
        "js\/underscore\/underscore-min.js"
    ],
    "permissions": [
        "clipboardWrite",
        "contextMenus",
        "tabs",
        "*:\/\/*\/*"
    ]
}