English (United States)
See more
Accessible Color Picker
Latest Version
Version
1.0.0.1
Update
October 24, 2022
Size
3.84MiB
Developer
Category
Users
8,000+ 
Rating
4.88889 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ActiveTab
Scripting
See more
ActiveTab
Scripting
Accessible Color Picker Extension
There must be enhanced contrast between foreground and background text colors and images of text. Enhanced color contrast ensures that the page is usable by a very wide range of people with low vision and color deficiencies or when the page is viewed without color, and users of monochrome screens can understand page content.
Leverage this in-browser color picker to evaluate the accessibility of your color palette. This tool allows you to select foreground and background colors and will determine the color contrast ratio between them. If your colors do not have sufficient contrast, this tool will suggest similar colors that are compliant.
Additional features
* History of last 10 foreground and 10 background colors selected
* Preview sample text using selected colors
* Toggle foreground and background to test variations
* Editable hex codes with simple copy to clipboard button
Read more
Leverage this in-browser color picker to evaluate the accessibility of your color palette. This tool allows you to select foreground and background colors and will determine the color contrast ratio between them. If your colors do not have sufficient contrast, this tool will suggest similar colors that are compliant.
Additional features
* History of last 10 foreground and 10 background colors selected
* Preview sample text using selected colors
* Toggle foreground and background to test variations
* Editable hex codes with simple copy to clipboard button
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Accessible Color Picker", "version": "1.0.0.1", "description": "Accessible Color Picker", "action": { "default_title": "Accessible Color Picker", "default_icon": "img/dropper.png" }, "background": { "service_worker": "background.js", "type": "module" }, "permissions": [ "storage", "activeTab", "scripting" ], "icons": { "128": "img/dropper.png" }}
Read more
