Colorbow: Coolors Color Contrast Checker Extension Chrome

Effortlessly check and ensure color contrast compliance with WCAG standards on Coolors palette pages.

Latest Version

Version

3.1

Update

September 21, 2024

Size

36.86KiB

Developer

Colorbow: Coolors Color Contrast Checker Extension

Colorbow: Coolors Color Contrast Checker
As designers, ensuring that our creations are not only visually stunning but also accessible to all users is essential. The Colorbow extension was built with that goal in mind, allowing you to effortlessly measure the contrast values between colors in any palette directly on the Coolors website.

Using the power of WCAG standards, this tool automatically evaluates the color combinations in your palette, ensuring that they meet accessibility guidelines. Whether you’re working on web design, UI/UX, or print, contrast ratios are critical for readability and inclusivity.

Features:

Instant Contrast Checking: With just a click, measure the contrast ratio between any two colors in your Coolors palette.
WCAG Compliance: Results are based on WCAG standards, ensuring your designs are accessible for users with visual impairments.
Seamless Integration: No need to leave the Coolors website. The extension works directly on your palette, delivering results instantly.
Simplified Workflow: Skip the manual process of checking colors one by one. This extension does the hard work for you, giving you immediate results that help you design with confidence.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Colorbow: Coolors Color Contrast Checker", "description": "Effortlessly check and ensure color contrast compliance with WCAG standards on Coolors palette pages.", "version": "3.1", "permissions": [ "tabs" ], "action": { "default_popup": "public/popup.html", "default_icon": { "48": "public/icons/icon48.png", "128": "public/icons/icon128.png" } }, "content_scripts": [ { "js": [ "src/content.js" ], "matches": [ "https://coolors.co/palette/*" ] } ], "icons": { "48": "public/icons/icon48.png", "128": "public/icons/icon128.png" }}