免費顏色選擇器和調色盤產生器

工作原理

一切都直接在你的瀏覽器中使用手寫的轉換數學執行——沒有顏色庫，沒有伺服器往返。你透過瀏覽器原生的顏色輸入或 EyeDropper API 選擇顏色，工具會立即將其轉換為六種格式，同時計算 WCAG 對比度並產生和諧調色盤。

1. 1
   透過原生 API 輸入顏色

   你可以透過瀏覽器內建的 <input type="color"> 控制元件選擇顏色，或在基於 Chromium 的瀏覽器中使用 EyeDropper API 吸取螢幕上的任意畫素。兩種方式都返回一個十六進位制字串，作為唯一的資料來源。
2. 2
   手寫格式轉換

   工具使用自己的數學函式（無外部庫）將十六進位制值轉換為 RGB、HSL、HSV、CMYK 和 OKLCH。OKLCH 轉換先線性化 sRGB 通道，應用 OKLab 立方根矩陣，再推導色度和色相角——與現代 CSS Color Level 4 的輸出一致。
3. 3
   WCAG 對比度計算

   相對亮度使用 WCAG 2.x 公式從線性化的 RGB 通道計算。然後工具計算與純白和純黑的對比度，並按 WCAG 閾值（3:1、4.5:1、7:1）標註為 AA 大號、AA、AAA 或不通過。
4. 4
   產生和諧調色盤並本地儲存

   互補、三等分、鄰近色和單色色塊透過數學方式旋轉或步進 HSL 色相和亮度值得出。儲存的調色盤寫入你瀏覽器的 localStorage——不會離開你的裝置。

相關工具