JavaScript 中的 HTML 颜色代码拾取

Html Color Code Pickup in javascript

本文关键字:代码 颜色 中的 HTML JavaScript      更新时间:2023-09-26

实际上我想要那个,假设我有一个颜色代码 #FF3366。如何检查它是亮还是暗?实际上,我想创建一个文本字段,当文本字段的字体颜色被javascript更改为较浅的颜色时,文本字段的背景颜色会自动变暗,以便清楚地显示文本字段的值,反之亦然。

请帮助我。

这个公式来自几年前,在 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]);

我怀疑你可以使用COLORlovers公开的API来做你需要的事情。就我个人而言,我以前没有使用过这项服务,也没有以任何方式隶属于它,而是谷歌的第一个结果。