colorpeek.com

Simply share CSS colors from text selections, images or websites using Colorpeek.

Latest Version

Version

1.0.1

Update

June 4, 2022

Size

107KiB

Developer

colorpeek.com

Colorpeek Extension

Colorpeek is a tiny web app for quickly seeing and sharing CSS colors. The extension can parse colors from three different sources:

1. Text selections (hex values you received in an email, for example)
2. Prominent colors in an image
3. CSS colors used on a webpage

Great for designers, developers, or anyone tired of spelunking through web inspectors, opening up Photoshop or hunting and pecking with an eyedropper just to grab color values.

Additional features:

- Customize the output of webpage palettes (hide/show black, white, grays or semi-transparent colors)
- Change the amount of colors returned for images
- Use from the toolbar or right-click menu

Follow https://twitter.com/colorpeek for info and updates

Try the web app at http://colorpeek.com

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "version": "1.0.1", "manifest_version": 2, "description": "__MSG_extDescription__", "homepage_url": "http://colorpeek.com", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_locale": "en", "background": { "scripts": [ "js/color-thief.js", "js/color.js", "src/bg/colorkeywords.js", "src/bg/background.js" ] }, "browser_action": { "default_icon": { "19": "icons/icon19.png", "38": "icons/icon38.png" } }, "permissions": [ "contextMenus", "notifications", "storage", "" ], "options_page": "src/options/options.html"}

Download CRX(107KiB)

Similar Extensions

LiveReload Extension · Developer Tools 3,000+ 808 ★ 60.78KiB

ColorHexa Search Tool Extension · Developer Tools 3,000+ 18 ★ 31.75KiB

CSS3 Generator Extension · Developer Tools 3,000+ 60 ★ 346KiB

DevTools Author Extension · Developer Tools 3,000+ 117 ★ 377KiB

Panda 5 - Your favorite websites in one place Extension · Productivity 3,000+ 781 ★ 4.14MiB

CSSViewer Extension · Developer Tools 3,000+ 371 ★ 301KiB

Site Palette Extension · Developer Tools 3,000+ 344 ★ 297KiB

Dimensions Extension · Developer Tools 3,000+ 454 ★ 17.28KiB

Emmet Re:view Extension · Developer Tools 3,000+ 162 ★ 74.65KiB

Web Developer Checklist Extension · Developer Tools 3,000+ 54 ★ 32.65KiB

CSS Color Names Extension · Developer Tools 3,000+ 3 ★ 65.52KiB

Palettab Extension · Productivity 3,000+ 224 ★ 49.1KiB

Panda | Hacker News, Dribbble, Designer News Extension · Productivity 3,000+ 227 ★ 648KiB

CSS Shapes Editor Extension · Developer Tools 3,000+ 101 ★ 84.76KiB

Code Cola Extension · Developer Tools 3,000+ 188 ★ 189KiB

Emmet LiveStyle Extension · Developer Tools 3,000+ 351 ★ 356KiB

CSS Gradient Inspector Extension · Developer Tools 3,000+ 5 ★ 284KiB

DevTools Theme: Zero Dark Matrix Extension · Developer Tools 3,000+ 545 ★ 56.82KiB

Color Space Extension · Developer Tools 3,000+ 51 ★ 404KiB

Live CSS Editor Extension · Developer Tools 3,000+ 182 ★ 24.38KiB

Unstack Style Guide Extension · Developer Tools 3,000+ 20 ★ 68.29KiB

UX Check Extension · Productivity 3,000+ 84 ★ 1.32MiB

EnjoyCSS Extension · Developer Tools 3,000+ 24 ★ 13.37KiB

Stylebot Extension · Accessibility 3,000+ 1603 ★ 10.27MiB

User reviews

Alfredo (ID: 000000c9b07390e2) Voted 5 ★ - Updated 12/02/2016 Very interesting features.

(ID: ) Voted 5 ★ - Updated 04/12/2016 What a fantastic extension. How come I didn't know about this earlier? I'm a web developer and I can't tell you how many times I've looked through code to find a particular hex color. This is absolutely an amazing timesaver.

Bryan Willis (ID: 00000033ceb342ce) Voted 4 ★ - Updated 07/11/2015 Pretty solid. Would be cool to have a few more features. Like a selector tool to be able to see which color comes from what elements. For example, when a website shows 20 different blues, it's not especially helpful when you're just trying to figure out which one is the primary blue being used.

Tracy Trathen (ID: 00000039655fe27b) Voted 5 ★ - Updated 07/13/2014 Brilliant tool. Definitely adding to my "favorite" arsenal of web design/development tools!

Bruno Gomes (ID: 00000033673ea1b0) Voted 1 ★ - Updated 12/17/2013 I think the idea is create, but its not working on my chrome.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Colorpeek