OKLCH轉換器

轉換一種認可的顏色 常見的網路格式和感知值 當下一步需要 OKLCH 或 OKLab 而不僅僅是 HEX 時。

選擇顏色後使用此頁面。它用於權杖傳遞和感知編輯,而不是用於從頭開始生成新的色票。

其他語言 日本語 | English | 繁體中文

如何使用

  1. 從您已有的顏色格式開始:HEX、RGB、HSL、OKLCH 或 OKLab。
  2. 轉換為設計權杖或系統切換所需的感知值。
  3. 如果出現剪裁,請在 CSS 或設計系統中重新使用結果之前牢記警告。

從常見的顏色轉換轉移到感知編輯空間

此頁面位於「顏色轉換器」和「色差」之後。當所選顏色現在需要 OKLCH 或 OKLab 值進行標記工作或感知調整時,它會有所幫助。

在常見顏色格式和感知顏色格式之間轉換一種顏色。

如何在附近的頁面之間進行選擇

使用 顏色選擇器 當顏色還沒決定的時候。使用 顏色轉換器 當僅使用通用格式就足夠了。使用 色差 當工作比較兩個候選人。在一種顏色已獲得批准並且您需要 OKLCH 或 OKLab 值進行感知編輯、權杖工作或移交後使用此頁面。移至 CSS 顏色混合 當兩種認可的顏色現在需要準備貼上時 color-mix() 表達,至 顏色權杖匯出 當剩下的工作是為代碼打包批准的角色時,或者 色標對比檢查器 一旦這些價值觀已經被審查。

常見問題解答

這個頁面有什麼作用?

它可以在 HEX、RGB、HSL、OKLCH 和 OKLab 之間轉換一種顏色,以便您可以檢查感知顏色值以及常見格式。

我什麼時候應該使用它而不是顏色轉換器?

使用 Color Converter 進行常見的 HEX、RGB、HSL 和關鍵字工作。當作業特別需要 OKLCH 或 OKLab 值進行感知編輯或現代設計權杖工作流程時,請使用此頁面。

為什麼該頁面可能會提到 sRGB 裁剪?

某些 OKLCH 或 OKLab 組合位於大多數瀏覽器使用的可見 sRGB 範圍之外。在這些情況下,頁面會顯示最接近的可顯示 sRGB 值,並警告發生了剪裁。

共用 URL 中儲存了什麼?

共用 URL 中僅儲存標準化的十六進位顏色。其他格式在瀏覽器中重新計算。