You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When an input color includes transparency (#00636366, hsla(180, 100%, 19.4%, 0.4), rgba(0, 99, 99, 0.4), etc.) what's displayed in the output table is the color without transparency. Also, the contrast value calculated is for the color without transparency.
Transparency included in the text color complicates the contrast calculation but an accurate number is possible. When the background color includes transparency, the actual displayed color depends on the color(s) behind the element. I like what Lea Verou's Contrast Ratio site appears to do, calculates the contrast if the color behind the element is white, again if the color behind is black, then displays a contrast value halfway between with a +/- value, like error bars.
Until/unless the transparency data is included in the calculation, I think the directions should have a note about what happens to it.
The text was updated successfully, but these errors were encountered:
When an input color includes transparency (
#00636366
,hsla(180, 100%, 19.4%, 0.4)
,rgba(0, 99, 99, 0.4)
, etc.) what's displayed in the output table is the color without transparency. Also, the contrast value calculated is for the color without transparency.Transparency included in the text color complicates the contrast calculation but an accurate number is possible. When the background color includes transparency, the actual displayed color depends on the color(s) behind the element. I like what Lea Verou's Contrast Ratio site appears to do, calculates the contrast if the color behind the element is white, again if the color behind is black, then displays a contrast value halfway between with a +/- value, like error bars.
Until/unless the transparency data is included in the calculation, I think the directions should have a note about what happens to it.
The text was updated successfully, but these errors were encountered: