Can I DevTools?
All
153
Accessibility
9
Audit
2
CSS
37
Console
14
Elements
26
JavaScript
5
Network
29
Other
18
Performance
1
Sources
12
Favorites
0
About
Testimonials
It is like
@CanIUse
but for the browser devtools, created & curated by
@pankajparashar
. Get weekly tips & tricks for your favorite browser devtools by
subscribing
to the newsletter!
Ads via Carbon
1
2
3
4
Twitter
Github
Substack
Theme
Accessibility
Edit
Find color contrast
Can I find the contrast ratio of a color?
Last Modified
4 months ago
Authors
@pankajparashar
@kilianvalkhof
Test Live
via
BrowserStack
Newsletter
Related (0)
CHROME
Share
Notes
Inspect element > In the
Styles
pane, click the color square next to the
color
property. This will open the color panel.
Expand the "Contrast Ratio" section to see more details whether the color value meets the W3C recommendation.
Use the "reload" icon next to AA/AAA to use the suggested color to fix the low color contrast ratio.
References (1)
[1] "Color Picker" -
Chrome DevTools Docs