Chromatics - View and edit live site color palette.

Latest Version

Version
4.4.10005
Update
April 7, 2023
Size
536KiB
Developer
Category
Users
29
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Scripting
See more

Chromatics Extension

Chromatics is a Chrome extension that allows you to edit and view color palettes on a live site.

- Change the colors of a website
- Apply asthetic color palettes
- See what emotions a website provokes

One of the most common problems designers face is when they don't have access to their client's brand colors. Whether it's because you're working for a startup who hasn't launched yet or you're working with a client who doesn't have an established brand, there are plenty of times when you'd like to be able to reference the colors from your client's website so that you can create something that matches their style.

Chromatics solves this problem by providing users with an interface where they open the extension on any url and view all of the colors used on that page. The user can then choose which ones they want to save for later, which makes it super simple for them to find any color palette they need without having to dig through their entire site looking for it!

Designers: Whether you're working on a new brand or collaborating with clients who don't have any established branding yet, Chromatics will help make your job easier by allowing you access to all of the colors they've chosen while also giving you
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"description":"Chromatics - View and edit live site color palette.",
"version":"4.4.10005",
"manifest_version":3,
"name":"Chromatics",
"action":{"default_popup":"popup.html",
"default_icon":"icon-34.png"},
"icons":{"128":"icon-128.png"},
"web_accessible_resources":[{"resources":["content.styles.css",
"icon-128.png",
"icon-34.png"],
"matches":[]}],
"permissions":["tabs",
"scripting"],
"host_permissions":["http://*/*",
"https://*/*",
""]}
Read more