什麼時候該用 OKLCH 而不是 HEX?

OKLCH 具有感知一致性,意思是數值上的等距變化在視覺上也是等距的。當您要產生色票、計算可存取的對比度,或做任何演算法式的色彩運算時,OKLCH 都是正確選擇。對於靜態設計 token,HEX 仍然夠用。

所有轉換都是無損的嗎?

HEX、RGB 與 8 位元色彩格式之間的轉換是無損的。涉及 HSL 或 OKLCH 的轉換可能在最後一位數字引入微小的浮點捨入,但結果在視覺上完全相同。

支援。所有具有 Alpha 的格式(8 碼 HEX、RGBA、HSLA、帶 Alpha 的 OKLCH)都能正確處理。轉換會精確保留 Alpha 通道。

可以從圖片中挑色嗎?

這個工具不行。若要從圖片擷取色票,請使用 Color Palette Extractor 工具。本轉換器專注在已知色彩值之間的格式互換。

會送任何內容到伺服器嗎?

不會。轉換完全在您的瀏覽器中執行。使用期間 Network 分頁會保持空白。

色彩轉換工具 — 線上 HEX、RGB、HSL、OKLCH

色彩轉換工具 (HEX、RGB、HSL、OKLCH)

注重隱私的設計 — 完全在您的瀏覽器中執行

在瀏覽器中將色彩在 HEX、RGB、HSL、OKLCH 與命名色之間互換。Toova 提供即時預覽、可用滑桿微調通道,並完整輸出每一種格式,讓您直接貼進 CSS、設計工具或正式環境的程式碼。

為什麼有這麼多色彩格式

HEX(#ff6600)是 CSS 中最常見、最好輸入的格式。RGB(rgb 255 102 0)是所有影像格式都使用的表示。HSL(hsl 24 100% 50%)在挑選色調時更直觀,因為色相、飽和度與亮度貼近人類對顏色的思考方式。OKLCH 則是修正感知一致性問題的現代格式——數值步進相等時,視覺上的差異也相等。Toova 在這些格式之間進行無損轉換。

即時預覽與通道滑桿

用任何格式貼上顏色,Toova 會顯示即時色塊以及對應其他每一種格式的完整轉換。拖動任意通道滑桿——色相、飽和度、亮度、紅、綠、藍、Alpha——預覽會即時更新。這讓您能輕鬆地把基底色微調成新的色調、修正對比,或產生 hover 狀態,完全不需要離開瀏覽器分頁。

純本機運作

色彩轉換完全在您的瀏覽器中執行。您貼上的數值不會離開頁面。對於色碼來說這雖然有點過頭,但這也代表工具速度快、可靠——沒有後端來回、沒有頻率限制、不會停機。網頁載入後可離線運作。

常見問題

什麼時候該用 OKLCH 而不是 HEX?: OKLCH 具有感知一致性,意思是數值上的等距變化在視覺上也是等距的。當您要產生色票、計算可存取的對比度,或做任何演算法式的色彩運算時,OKLCH 都是正確選擇。對於靜態設計 token,HEX 仍然夠用。
所有轉換都是無損的嗎?: HEX、RGB 與 8 位元色彩格式之間的轉換是無損的。涉及 HSL 或 OKLCH 的轉換可能在最後一位數字引入微小的浮點捨入,但結果在視覺上完全相同。
支援透明度嗎?: 支援。所有具有 Alpha 的格式(8 碼 HEX、RGBA、HSLA、帶 Alpha 的 OKLCH)都能正確處理。轉換會精確保留 Alpha 通道。
可以從圖片中挑色嗎?: 這個工具不行。若要從圖片擷取色票,請使用 Color Palette Extractor 工具。本轉換器專注在已知色彩值之間的格式互換。
會送任何內容到伺服器嗎?: 不會。轉換完全在您的瀏覽器中執行。使用期間 Network 分頁會保持空白。