CSS 顏色檢視器和對比度檢查器
快速啟動
CSS 顏色檢視器和對比度檢查器
- 輸入顏色或使用選擇器選擇顏色。
- 設定不透明背景並執行轉換。
- 複製格式或匯出顏色和對比度報告。
CSS 顏色檢視器和對比度檢查器
輸入 CSS 顏色值，例如 #ff6600、ff6600、rgb(255 102 0) 或 hsl(24 100% 50%)。該工具將顯示顏色並將其轉換為常見的 CSS 格式。
值在此瀏覽器中解析為 sRGB。不接受上下文相關的顏色，例如 currentColor、var() 和系統顏色。廣色域和 CSS Color 4 函數不屬於該工具支援的輸入格式。 RGBA、HSLA 和 Alpha HEX 中保留透明度。 RGB 和 HSL 省略 alpha。對比度閾值不能取代完整的可訪問性審核。
輸入有效的 CSS 顏色值。
輸入已更改。該報告仍屬於上次成功運行的情況。
此處將出現顏色樣本
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS輸入
—
WCAG對比度:
Aa
- AA · 4.5:1
- AA · 3:1
- AAA · 7:1
4.5:1是普通文本的AA閾值；3:1 僅適用於足夠大的文本。 7:1 是普通文本的 AAA。顏色對檢查並不能確定整個頁面的可訪問性。
為什麼要使用線上 CSS 顏色檢查器？
該工具可協助您直接在瀏覽器中快速視覺化任何 CSS 顏色值。您可以貼上設計系統、樣式指南或佈局中的程式碼，並立即查看它們在螢幕上的外觀。
在準備網站樣式、匹配品牌顏色或調試現有佈局時使用它。此檢查器支援所有標準 CSS 格式，包括 HEX、RGB、RGBA、HSL 和命名顏色。
其他工具
用戶評論
發表前會檢查評論。我們發布真正的正面回饋和具體批評。沒有有用細節的垃圾郵件和侮辱性內容不會被發布；褻瀆和個人資訊被掩蓋。贊成票立即計算；反對票經審核後計算。
評論反映了使用者的體驗，而不是結果的保證或服務限制的描述。使用上面的評級按鈕留下評論。
尚未發表此語言的評論。
