在Javascript中比较两种RGB颜色对比度的逻辑

时间:2015-03-30 19:01:02

标签: javascript css colors

我正在尝试在javascript中创建一个函数来检查文本在其背景上的显示效果。白色(RGB(255,255,255))背景上的黑色(RGB(0,0,0))文本示例是最佳对比度。我希望我的fn 100%返回。但是,如果它是绿色背景上的黄色文字,我怎么能够确定这两种颜色对比度有多好?我在考虑(两种颜色的随机例子:

|RGB(240,230,220) - RGB(220,130,255)| = RGB(20,100,35)
then
[RGB(20,100,35)/RGB(255,255,255)] = 8%,39%,14%
Average of [8%,39%,14%] = 20%

因此这两种颜色的对比度为20%。 这是正确的方法吗?

0 个答案:

没有答案