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