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 顏色檢查器?

該工具可協助您直接在瀏覽器中快速視覺化任何 CSS 顏色值。您可以貼上設計系統、樣式指南或佈局中的程式碼,並立即查看它們在螢幕上的外觀。

在準備網站樣式、匹配品牌顏色或調試現有佈局時使用它。此檢查器支援所有標準 CSS 格式,包括 HEX、RGB、RGBA、HSL 和命名顏色。

快速啟動

轉換 CSS 顏色並使用 Alpha 檢查不透明背景上的文字對比。

  1. 输入文本颜色和背景
  2. 转换和检查对比度阈值
  3. 复制格式或导出 CSS 和 JSON

其他工具

用戶評論

發表前會檢查評論。我們發布真正的正面回饋和具體批評。沒有有用細節的垃圾郵件和侮辱性內容不會被發布;褻瀆和個人資訊被掩蓋。贊成票立即計算;反對票經審核後計算。

評論反映了使用者的體驗,而不是結果的保證或服務限制的描述。使用上面的評級按鈕留下評論。

尚未發表此語言的評論。