Can I DevTools?
All
151
Accessibility
9
Audit
2
CSS
36
Console
14
Elements
27
JavaScript
5
Network
27
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
less than a minute ago
Authors
@pankajparashar
@kilianvalkhof
Test Live
via
BrowserStack
Newsletter
Related (0)
EDGE
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 (0)