不儲存或傳輸資料到伺服器

Color Converter

在 CSS、行動平台與設計權杖格式間轉換色彩

支援 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 與 CSS 色名

#5CCC7FCC
H139°
透明度80%
預覽
淺色背景
深色背景

所有處理都在您的瀏覽器本機完成。

HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX 使用 RRGGBBAA；Android 與 Flutter 使用 AARRGGBB。

最近色彩

轉換後的色彩會顯示在這裡。

相關工具

CSS 美化與壓縮工具格式化、優化和壓縮 CSS 代碼程式碼截圖產生器建立美觀、可分享的程式碼圖片單位轉換器面向開發者的單位轉換器，支援資料大小、速率、時間等
什麼是色彩轉換器？

色彩轉換器可解析單一色彩，並產生適用於 CSS、JavaScript、行動平台、設計權杖與現代色彩空間的可複製值。它保留透明度、顯示色域限制，所有處理均在瀏覽器中完成。

使用方式
  1. 1.貼上或輸入 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 或 CSS 色名。
  2. 2.使用色彩選擇器或透明度滑桿調整。
  3. 3.開啟格式、程式碼、權杖或檢查頁籤並複製所需值。
  4. 4.從本機紀錄還原常用色彩。
準確性與隱私

轉換採用單一高精確度色彩模型，僅在格式化輸出時四捨五入。Display P3 與感知色彩輸入會保留來源座標，sRGB 需要裁切時會明確標示。CMYK 僅為近似值，並非 ICC 印刷轉換。色彩不會上傳。