javascript 中的 Html 顏色代碼提取

Question

其實我想要那個，假設我有一個顏色代碼#FF3366。 我如何檢查它是更亮還是更暗？ 實際上我想創建一個文本字段，當文本字段的字體顏色通過 javascript 更改為較淺的顏色時，文本字段的背景顏色會自動變暗，以便清楚地顯示文本字段的值，反之亦然。

請幫我。

Answer 1

我懷疑您可以使用COLOURlovers公開的 API 來做您需要的事情。 就個人而言，我之前沒有使用過該服務，也沒有以任何方式與它有任何關聯，而是來自谷歌的第一個結果。

Answer 2

這個公式是幾年前的，在 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]);