Accessible Color Picker

What is Accessible Color Picker?

The 'Accessible Color Picker' is a Chrome extension that helps designers ensure the accessible design of their websites. It assists by analyzing the contrast between foreground and background colors. The extension determines the color contrast ratio to ensure it can be easily read by users with vision impairments or color deficiencies. The extension also recommends compliant colors if the selected ones lack sufficient contrast. It keeps track of color history, previews text in selected colors, and allows testing of color variations. Hex codes can be edited and copied easily.

Download

Stats

By: Level Access

View on Chrome Web Store

Users: 8,000+

Rating: 4.89 (9)

Version: 1.0.0.1 (Last updated: 2022-10-24)

Creation date: 2019-07-03

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

storage
activeTab
scripting

Size: 4.03M

Email: su*****@levelaccess.com

URLs: Website ,Privacy policy

Stats date:

Chrome-Stats Rank

# 10889 ▼ 150

Other rankings

#89 in Accessibility #11 in color picker keyword 68 ▲ 2 #12 in color keyword 71 ▼ 2 #17 in level keyword 47 ▼ 4 #255 in selection keyword 26 ▼ 5

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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

User reviews

kullandıklarımın arasında en iyisi

Ömer Bıçakcı, 2022-09-29

This works pretty well, though it does have performance issues. It has some delay after clicking, about 500-1000ms and causes the layout to readjust. It appears to be doing some kind of zooming feature but this is arguably unnecessary—the user can zoom in with the default browser actions if necessary, or perhaps the zooming can be an optional feature. Due to this zooming, it feels quite janky as it's unusable until the zooming has completed, but it works well enough that I'll keep using it. I think if the performance issues are resolved, this is easily 5 stars.

Tina Holly, 2022-07-26

This is a very useful tool for accessibility audits. I particularly love that it has a magnifier to pick a specific pixel, that it works on background images, and it grabs the non-focused/hovered color, which can be really hard to grab with many other tools. It's missing two features to make it absolutely perfect - it needs a way to get focused/hovered colors because sometimes you have to check those (especially for custom focus highlight colors), and it needs an a permalink feature that I can paste into reports to take the reader to a website that shows the colors and contrast level and some extra information. Until it adds a permalink, I will continue to paste permalinks to a competitor's online contrast checker into my audit reports. - Miranda Capra, PhD, CPWA