SheepDev

對比度

對比度可在瀏覽器中計算透明度合成後的對比度並顯示 WCAG 判定。

對比度

⌂ 輸入與結果僅在此瀏覽器中處理,不會自動儲存或傳送。

等待輸入
● 即時預覽

輸入與條件

設定

輸出

等待輸入

完整文字結果

使用方法

輸入實際前景、背景與透明度,分別檢查淺色和深色主題。

區分一般與大字標準。比值不保證整體無障礙,圖片與漸層背景需依位置檢查。

範例

#000000
---
#FFFFFF

原理與限制

每個輸入限1,048,576位元組,輸出限33,554,432位元組,處理時間限5,000毫秒。輸入不會被靜默截斷。

指南

相關工具

Web、UI與CSS

色彩代碼轉換

色彩代碼轉換可在瀏覽器中轉換 HEX、RGB、HSL 與透明度並預覽色彩。

Web、UI與CSS

CSS 單位計算

CSS 單位計算可在瀏覽器中依明確字型與 viewport 條件轉換 px、rem、em、vw、vh。