Color a website by dragging and dropping a color droplet from a palette.

Latest Version

Version
0.0.1.8
Update
January 8, 2016
Size
560KiB
Developer
Category
Users
1,000+
Rating
4.55556 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Storage
ActiveTab
Http://*/
Https://*/
See more

Colordrop: Interactive Drag & Drop Coloring Extension

Drag a color from the color palette(Material Design specific) to a website and color designated areas of it (like sections or texts). One can drag a color from the color palette and drop it on any area that lights up with a blue outline, including text elements.

Once the droplet that you are dragging gets dropped on a content area, a fun little Google Material like animation happens and the whole area gets filled with a colored circle.

Inspired from http://tympanus.net/codrops/2015/04/22/interactive-drag-drop-coloring-concept/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Colordrop: Interactive Drag & Drop Coloring", "version": "0.0.1.8", "manifest_version": 2, "description": "Color a website by dragging and dropping a color droplet from a palette.", "icons": { "16": "icons/icon16.png", "19": "icons/icon19.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_locale": "en", "browser_action": { "default_icon": "icons/icon16.png", "default_title": "Colordrop" }, "permissions": [ "storage", "activeTab", "http://*/", "https://*/" ], "background": { "scripts": ["src/background/background.min.js"], "persistent": false }, "web_accessible_resources": ["images/*"]}
Read more

Similar Extensions

icon

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

icon

Babu Background RGB Color Extension · Accessibility 1,000+ 56 ★ 596KiB

icon

Change content color Extension · Productivity 1,000+ 6 ★ 92.63KiB

icon

Coloring online Extension · Fun 1,000+ 5 ★ 3.66MiB

icon

Color Palette Finder Extension · Developer Tools 1,000+ 5 ★ 28.27KiB

icon

Quick Color Extension · Developer Tools 1,000+ 5 ★ 94.49KiB

icon

color-pusher Extension · Developer Tools 1,000+ 2 ★ 773KiB

icon

Webpage Palette Extension · Productivity 1,000+ 3 ★ 72.05KiB

icon

Github Diff Coloring Extension · Developer Tools 1,000+ 0 ★ 27.07KiB

icon

Material Design Palette Extension · Developer Tools 1,000+ 0 ★ 45.83KiB

icon

Color Text Extension · Fun 1,000+ 3 ★ 26.0KiB

icon

PaletteAble Extension · Developer Tools 1,000+ 3 ★ 16.82KiB

icon

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

icon

Random Background Color Extension · Fun 1,000+ 22 ★ 84.39KiB

icon

Simple Material Design Palette Extension · Developer Tools 1,000+ 36 ★ 137KiB

icon

Material Design Assistant Extension · Productivity 1,000+ 2 ★ 138KiB

icon

Color Palette Extension · Productivity 1,000+ 7 ★ 39.14KiB

icon

Change Colors Extension · Accessibility 1,000+ 48 ★ 222KiB

icon

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

icon

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

icon

Flat Colors Guide Extension · Productivity 1,000+ 17 ★ 4.63KiB

icon

Colour Changer Extension · Fun 1,000+ 10 ★ 91.72KiB

icon

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

icon

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

User reviews

icon

ВАСЯ пупкин (ID: 000000979a709ec9) Voted 5 ★ - Updated 01/21/2016 Гениальная задумка! Жаль, что не на всех сайтах работает.( А может, это блокировщик рекламы виноват... Но надо сделать, чтобы настройки сайтов сохранялись!

icon

Dharambir Kumar (ID: 00000028776a413b) Voted 5 ★ - Updated 06/16/2015 Just Love it!!

icon

(ID: ) Voted 5 ★ - Updated 05/13/2015 Very handy for web design previews! Is it possible to have an option to change color (like font color) instead of background? Thanks for your work!