Accessible Color Picker

#4.89 / 9 rate

Accessible Color Picker

7,000 users

2019-07-03

Level Access

Extension Information

5 star
77%
4 star
15%
3 star
0%
2 star
8%
1 star
0%

Supported Languages

Permissions

Description

Accessible Color Picker

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

Reviews

Hòa Thế
Hòa Thế

AMAYZING

Ömer Bıçakcı
Ömer Bıçakcı

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

Tina Holly
Tina Holly

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.

Similar extensions

Chrome Color Picker
Chrome Color Picker

guowenfh

Colour Contrast Checker
Colour Contrast Checker

https://colourcontrast.cc

Color Picker
Color Picker

Yubi

Easy Color Picker
Easy Color Picker

https://cheercolor.co

ARC Toolkit
ARC Toolkit

https://tpgi.com

WCAG Color contrast checker
WCAG Color contrast checker

Jorge Rumoroso

Color Keeper: Color Palette Manager
Color Keeper: Color Palette Manager

roumi

HeadingsMap
HeadingsMap

Jorge Rumoroso

Visual ARIA
Visual ARIA

Laurence Lewis

IBM Equal Access Accessibility Checker
IBM Equal Access Accessibility Checker

IBM Accessibility

WAVE Evaluation Tool
WAVE Evaluation Tool

WebAIM

Accessibility Insights for Web
Accessibility Insights for Web

Accessibility Insights Team