OKLCH Color Picker

可操作 OKLCH 色彩，並比較 P3 與 sRGB fallback 的選色和轉換工具。

前往 OKLCH Color Picker 官方網站

簡介

OKLCH Color Picker 可輸入常見色彩格式，並檢視對應的 OKLCH 值。

為何收錄

調整顏色時，P3 與 sRGB fallback 的差異會同時可見。

適合的工作

正導入感知色彩工作流程或現代 CSS 色彩空間的設計師與開發者。

可以怎麼用

  • 轉換既有 HEX、RGB 或 HSL 顏色
  • 比較 P3 色與 sRGB fallback
  • 在加入設計 token 前探索 OKLCH 值

CSS Gradient

選擇漸層顏色與角度，對照即時預覽，再複製對應的 CSS 背景設定。

  • gradient
  • css
  • color

網頁工具

Code Beautify

Code Beautify 提供程式碼與資料格式化工具集合，適合檢查壓縮過的設定檔。

  • data-format
  • conversion

網頁工具

ConvertCSV

ConvertCSV 提供CSV 與多種文字格式轉換，適合整理匯出的表格資料。

  • data-format
  • conversion

網頁工具