Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Choose accessible colors for text using Chrome DevTools Color Picker contrast ratio score

    chrome-devtoolsChrome DevTools

    Choosing right colors for your website is difficult, especially when we want to develop accessible websites. Our goal should be to choose colors that have a high contrast ratio and as such can be easily read by all users, including those with low-vision impairments or color-vision deficiencies.

    In this lesson we're going to learn how to use Chrome DevTools Color Picker to choose colors for text which meet the AA and AAA contrast ratio score.