HEX value of Material colors and CSS of Material shadows at your fingertips.
Material Design Assistant Extension
Perfect for designing in browser. No need to open Google design spec site / PS, AI color palette.
Built with open source code from:
https://github.com/MikeMitterer/dart-wsk-material
https://github.com/google/web-starter-kit/tree/material-sprint
Updates:
- Now you can just click on the color / shadow you want to use, and the HEX / CSS will be copied to your clipboard. (Require Chrome 43)
- Stay tuned for more updates and a packaged chrome app.
Read more
Built with open source code from:
https://github.com/MikeMitterer/dart-wsk-material
https://github.com/google/web-starter-kit/tree/material-sprint
Updates:
- Now you can just click on the color / shadow you want to use, and the HEX / CSS will be copied to your clipboard. (Require Chrome 43)
- Stay tuned for more updates and a packaged chrome app.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Material Design Assistant", "description": "HEX value of Material colors and CSS of Material shadows at your fingertips.", "version": "1.7", "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "icons": { "128": "md128.png", "64": "md64.png", "48": "md48.png", "32": "md32.png", "24": "md24.png", "16": "md16.png" }, "browser_action": { "default_popup": "popup.html", "default_icon": "md128.png" }}
Read more