Gloss Tools

Gloss Tools / 配色

配色與文字對比

手動整理顏色、提交有效色碼,再比較文字色與背景色的對比。

互動功能需要 JavaScript

啟用 JavaScript 後才能編輯顏色、計算對比、複製或下載 CSS。資料不會自動保存。

使用方式與範圍

手動整理 2 至 8 個不透明 sRGB 顏色,使用 HEX、RGB 或 HSL 編輯;選擇文字色與背景色後查看 WCAG 對比比值。所有計算都在這個頁面的記憶體中完成。

不需要帳號。頁面載入後,色彩計算都在本機完成。工具不會把色彩寫入儲存空間、網址或伺服器。重整、重設或切換語言會清除本頁的草稿和色票;下載檔案由你自行保存。重設不會清除已複製到作業系統的文字。

常見問題

通過對比檢查就代表網站無障礙嗎?

不代表。結果只說明這兩個不透明色彩是否達到所列文字對比門檻;字級、焦點、鍵盤操作及其他頁面內容仍要另外檢查。

支援透明色或漸層嗎?

目前只支援不透明 sRGB。透明與漸層會受背景和位置影響,這個版本不計算它們。

為什麼 HSL 換回去有微小差異?

工具以 8-bit RGB 保存顏色。HSL 輸入會在提交時轉成整數 RGB,因此中間數值不一定完全可逆。

色票會保存嗎?

不會。重整、重設或切換語言後會回到新頁面的起始色票。需要保留時,請自行複製色碼或下載 CSS。

可以從照片擷取配色嗎?

不可以。第一版只提供手動選色,不讀取圖片。