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 值

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing