TOOLGRID
85 個工具
CSS 與色彩

色碼轉換器

在 HEX、RGB、HSL 與 OKLCH 之間轉換顏色，並提供即時色塊與色相滑桿。

資料留在您的裝置無需上傳至伺服器可離線使用

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

為什麼用這個工具

01

自動偵測輸入格式，使用完整 D65 色彩數學同時轉換為 HEX、RGB、HSL 與 OKLCH。

自動識別輸入格式，同時輸出 HEX、RGB、HSL 與 OKLCH。

使用色相滑桿在保持亮度與彩度的同時探索色相變化。

怎麼使用

02
01貼上任意色彩值：#hex、rgb()、rgba()、hsl()、hsla() 或 oklch()。
02複製所需格式的輸出結果。
03拖動色相滑桿探索相關色相。

複製前快速檢查

03

先確認輸入格式符合您的預期。

在把結果用於文件、連結、設定或訊息前快速掃一眼。

只複製您真正需要的輸出。

常見問題

04
支援哪些格式？

HEX（#rgb、#rrggbb、#rrggbbaa）、rgb()、rgba()、hsl()、hsla() 與 oklch()。

什麼是 OKLCH？

OKLCH 是由亮度、彩度與色相定義的感知均勻色彩模型，廣泛支援於現代 CSS。

資料會被上傳到伺服器嗎？

不會，所有轉換均在瀏覽器本地完成。

相關工具

03

單位換算器

在公里、英里、英尺、公尺等常用長度單位之間換算。

色碼轉換器 — 在 HEX、RGB、HSL 與 OKLCH 之間轉換顏色，並提供即時色塊與色相滑桿… | TOOLGRID