a small heads-up / public service announcement: if you're using Google Chrome (possibly just on Windows?), don't rely on using colour pickers (even Chrome's own built-in picker in Developer Tools) to check colours (for things like contrast ratio), as you won't get correct values (even taking screenshots and using a separate graphics app) https://www.youtube.com/watch?v=maLubMYfKxM #a11y #accessibility
Don't rely on colour pickers in Chrome/Windows

YouTube
@patrick_h_lauke Wait… Shouldn’t the color be coming from the color codes in the CSS?

@darrell73
By "color picker" he means a tool that looks like an eyedropper which gets a color value not from the web code but from the system doing visual rendering for the operating system.

I've encountered this problem on my MacBook with both Firefox and Chrome. When the browser window is in the built-in display, the picker gets accurate colors but on my HP monitor, they're sometimes inaccurate.

@patrick_h_lauke

@darrell73 @patrick_h_lauke

It's a little surprising for the tool within the browser's DevTools to have the problem but the aim is still to capture the perceived color value, even if there are multiple layers of differently colored objects with different levels of opacity.