实际上我想要那个,假设我有一个颜色代码#FF3366。我如何检查它是更亮或更暗?实际上我想创建一个文本字段,当文本字段的字体颜色通过 javascript 更改为较浅的颜色时,文本字段的背景颜色会自动变暗,以便清楚地显示文本字段的值,反之亦然。
请帮我。
实际上我想要那个,假设我有一个颜色代码#FF3366。我如何检查它是更亮或更暗?实际上我想创建一个文本字段,当文本字段的字体颜色通过 javascript 更改为较浅的颜色时,文本字段的背景颜色会自动变暗,以便清楚地显示文本字段的值,反之亦然。
请帮我。
我怀疑您可以使用COLOURlovers公开的 API来做您需要的事情。就我个人而言,我以前没有使用过该服务,也没有以任何方式附属于它,而是谷歌的第一个结果。
这个公式是几年前的,在 W3 的网站上,但我找不到地址。它将 rgb 颜色从最暗到最亮排序。只需2个就可以正常工作...
function lumenSort(ac, bc){
return ((ac[0]*299 + ac[1]*587 + ac[2]*114)/1000-
(bc[0]*299 + bc[1]*587 + bc[2]*114)/1000);
}
var A= [[0, 0, 0], [255, 255, 255]].sort(lumenSort);
alert(A[0]+' is darker than '+A[1]);