顏色轉換器
貼上 HEX、RGB、HSL 或顏色名稱，一次取得所有格式，並附上 WCAG 對比度檢查。
- 在您的裝置上執行
- 免註冊
- 造訪後可離線使用
—
可輸入 #rgb、#rrggbb、#rrggbbaa、rgb()、rgba()、hsl()、hsla()，或 CSS 顏色名稱，例如 rebeccapurple。
HEX
—RGB
—HSL
—HSV
—CMYK （近似值）
—
色調與明暗，點選即可複製
白底
— ：1
- —
- —
- —
- —
黑底
— ：1
- —
- —
- —
- —
您的背景
— ：1
- —
- —
- —
- —
每個比例皆依 WCAG 2.x 計算。大字指 24px 以上，或 18.66px 且為粗體。通過與否以精確比例判定；半透明顏色會先與各背景混合後再計算。
如何轉換色碼
- 輸入 HEX、rgb()、hsl() 或顏色名稱，或用色票挑選顏色。
- 從五個結果中複製您需要的格式。
- 查看對比度數值，以及在白色、黑色和您選擇的背景上是否通過 AA 或 AAA。
常見問題
為什麼 CMYK 數值只是近似值？
CMYK 取決於印表機的墨水、紙張和色彩描述檔。這個轉換器使用單純的數學公式，忽略了這三項因素，因此列印出的顏色會與螢幕上的不同。大量印刷前，請向印刷廠索取樣張。
對比度是如何計算的？
WCAG 2.x 會先取得每個顏色的相對亮度，方法是將紅、綠、藍數值經過伽瑪校正後計算。對比度為較亮的相對亮度加 0.05，再除以較暗的相對亮度加 0.05。黑字配白底為 21:1，是最高值。
檢查使用哪些門檻？
WCAG 2.x 要求 AA 等級的一般文字至少為 4.5:1，大字至少為 3:1；AAA 等級則為 7:1 和 4.5:1。大字指 24px 以上，或 18.66px 且為粗體。
這個輸入框接受哪些顏色格式？
三位、六位或八位數的 HEX 色碼、rgb() 與 rgba()、hsl() 與 hsla()，以及 CSS 顏色名稱，例如 rebeccapurple。瀏覽器能讀取的 CSS 顏色都可以使用。
評價
還沒有評價，搶先評價吧。