來自程式碼的 CSS 顏色
來自程式碼的 CSS 顏色
輸入 CSS 顏色值，例如 #ff6600、ff6600、rgb(255 102 0) 或 hsl(24 100% 50%)。該工具將顯示顏色並將其轉換為常見的 CSS 格式。
輸入有效的 CSS 顏色值。
此處將出現顏色樣本
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS輸入
—
為什麼要使用線上 CSS 顏色檢查器？
該工具可協助您直接在瀏覽器中快速視覺化任何 CSS 顏色值。您可以貼上設計系統、樣式指南或佈局中的程式碼，並立即查看它們在螢幕上的外觀。
在準備網站樣式、匹配品牌顏色或調試現有佈局時使用它。此檢查器支援所有標準 CSS 格式，包括 HEX、RGB、RGBA、HSL 和命名顏色。
✓
在樣式表或設計系統中使用 CSS 顏色之前先預覽它們。
✓
在一處檢查 HEX、RGB、RGBA、HSL 和命名顏色值。
✓
對於匹配品牌顏色和調試現有佈局很有用。
✓
貼上顏色值並直接在瀏覽器中查看範例。
✓
使用預覽樣本確保解析的顏色與預期的色調相符。
✓
當您在 CSS、設計工具和文件之間複製顏色時，轉換器會有所幫助。
