oddkit▮
~/oddkit/tools/
// 顏色，已轉換

顏色轉換器

在 HEX、RGB、HSL 與 OKLCH 之間轉換顏色，即時預覽效果，並可複製任一轉換值。全部在瀏覽器本機完成。

支援輸入 HEX、RGB(A)、HSL(A) 與 OKLCH 顏色值。

不會上傳到伺服器

HEX

#7c5cff

RGB

rgb(124 92 255)

HSL

hsl(252 100% 68%)

OKLCH

oklch(59.9% 0.23 286.2)

瀏覽器內建的顏色轉換器

在設計介面、撰寫 CSS 或核對品牌色彩時，可在 HEX、RGB、HSL 與 OKLCH 之間轉換顏色。輸入或選擇任一支援格式，所有對應數值會立即更新。

顏色轉換於瀏覽器本機完成，任何顏色值都不會上傳到 oddkit。

常見用途

  • 將設計工具中的顏色轉換成可直接用於 CSS 的值
  • 檢查各格式之間的透明度是否一致
  • 探索感知均勻的新一代 OKLCH 顏色值

支援的格式

可讀取 HEX(3/4/6/8 位)、rgb()/rgba()、hsl()/hsla() 與 oklch() 輸入(含透明度)，並輸出全部四種格式。

常見問題

我輸入的顏色會上傳到 oddkit 嗎？

不會。轉換過程完全在瀏覽器本機完成。

支援透明度(alpha)嗎？

支援。HEX、RGB、HSL 與 OKLCH 皆支援透明度通道，並會保留在每一個轉換結果中。

輸入無效顏色會發生什麼事？

工具會顯示清楚的提示訊息而不會出錯，你可以直接修改輸入內容。