This new accessbility contrast checker was added so you can see it when selecting a hex color directly on an object, but however, when you edit a Style color, this accessbility feature is completely missing? Why isn’t this consistent, so you can always see the accessibility contrast?
Where is that feature? I don't even have it.
Hey
Right now, this is intentionally unavailable for color styles. Since there is no background to compare the color, we aren’t able to calculate a ratio.
Hi
We launched this feature on March 28th: https://x.com/figma/status/1905637360705896545
You should see the Check color contrast when using the Color picker.
Hey
Right now, this is intentionally unavailable for color styles. Since there is no background to compare the color, we aren’t able to calculate a ratio.
I can understand your logic explanation when you’re editing a color style via the main styles view, but when you’re doing it from the artboard and just drilling down, it should be visible because there you DO have the BACKGROUND as you’re deep clicking from the frame background.
Hey
Ultimately, the team decided not to build out that capability, because it wouldn't necessarily work as intended across all instances, especially when/if users had multiple, i.e. light/dark, versions of the same design.
Thanks again for the feedback though. This is now on the team’s radar to think through for future improvement.
The accessibility contrast information in the color picker does not work with color variables 
. However, my button is clearly on a background, so it is possible to compare the two colors. This renders the tool useless once the color is used as a variable.
In the variable table, it should be possible to choose the background color to compare the contrast of these two colors.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.