Find color contrast | Can I DevTools?

Can I DevTools?

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

Accessibility

Find color contrast

Can I find the contrast ratio of a color?

Last Modified

3 months ago

Authors

@pankajparashar

Test Live

via BrowserStack

Newsletter

Notes

Inspect the text element (this will open the devtools panel).
In the pane next to the DOM tree, look for the section where the color property is set for the element.
Click on the color circle next to the color property. This will open the color panel.

References (0)