Twitter | Search | |
Chrome DevTools
Coming πŸ”œin Chrome 65: Contrast ratio in the Color Picker. That white line divides high contrast versus low contrast.
Reply Retweet Like More
Marcy Sutton Jan 29
Replying to @ChromeDevTools
Woohooooo! Love this tool.
Reply Retweet Like
Tyson Matanich Jan 29
Replying to @ChromeDevTools
Looking forward to trying it out. Not in canary 66 build?
Reply Retweet Like
Chirag Jan 29
Replying to @ChromeDevTools
So this will check the Contrast Ratio based on the background-color implemented on that element (or parent element)? If that is the case and it works with background-images as well, this would be pretty amazing!! πŸŽ‰
Reply Retweet Like
Benjamin Jefferys Jan 29
Replying to @ChromeDevTools
I don't get it.... isn't contrast between two colours? How can a colour be inherently low contrast?
Reply Retweet Like
Rob Dodson Jan 29
It uses the text color of an element and compares against that element's background color.
Reply Retweet Like
Rob Dodson Jan 29
That's the idea. For background images I believe you can use the color dropper to select the most dominant color in the image (or the area the text is overlaying).
Reply Retweet Like
Chirag Jan 29
Sounds great, can't wait to use it. This will help quickly solve those pesky Color Contrast Ratio problems in AInspector Sidebar
Reply Retweet Like
Jamie Magee Jan 29
Replying to @ChromeDevTools
Built in support for WCAG contrast levels 🀩
Reply Retweet Like
Frances Coronel Jan 29
Replying to @ChromeDevTools
So important for accessibility! πŸ†
Reply Retweet Like
Lawrence Cushman Jan 29
Does it take font weight and size into account too?
Reply Retweet Like
Rob Dodson Jan 29
Im not sure. ?
Reply Retweet Like
Alice Boxhall Jan 29
It does!
Reply Retweet Like
Rob Dodson Jan 29
siiiiiick
Reply Retweet Like
Alice Boxhall Jan 29
Replying to @ChromeDevTools
Not really high vs low so much as low vs not low, but yay πŸ˜€
Reply Retweet Like
(((Benny Powers))) Jan 29
Replying to @ChromeDevTools
Does it take text shadow into account?
Reply Retweet Like
Paul Irish Jan 29
no but it does consider font weight and size.
Reply Retweet Like
Benjamin Jefferys Jan 29
oh that's nice! Could it ever optionally take colour blindness into account? Could imagine a series of lines with idea of %age of people who could differentiate the colours
Reply Retweet Like
patrick h. lauke Jan 30
a nitpick: it seems it treats 14pt/bold still as regular, not large, text. only once i hit about 14.4pt does the 3:1 ratio kick in. (ditto if I use px conversion).
Reply Retweet Like
Alice Boxhall Jan 30
Thanks for the report, will dig into it
Reply Retweet Like