* 您的內容不會傳送至伺服器。所有計算皆在瀏覽器中直接執行
HEX
RGB
HSL
HSV
CMYK
LAB
OKLCH
HSV 僅供參考。CSS 沒有 hsv() 函式 — 請改用 HSL。
CSS 變數
--color-primary: #06d6a0;Tailwind 類別
bg-[#06d6a0]Tailwind v4 @theme
@theme {
--color-primary: oklch(78% 0.16 167);
}關於顏色轉換
顏色轉換器在網頁、印刷與設計使用的不同格式之間轉換同一個顏色 — HEX 適合 CSS，RGB/HSL 便於即時調整，CMYK 用於印刷，LAB/OKLCH 提供感知均勻性。
顏色空間
HEX — 簡潔的 6/8 位元 RGB 表示法。CSS 預設格式。
RGB — 0–255 的加色三原色。直接對應顯示像素。
HSL — 色相/飽和度/亮度。比 RGB 更易理解。
HSV — 色相/飽和度/明度。設計工具常用，但不是 CSS 函式。
CMYK — 用於印刷的減色三原色。從 RGB 轉換為近似值。
LAB — 感知均勻；數值距離 ≈ 視覺距離。
OKLCH — 現代感知顏色空間；Tailwind v4 與 CSS Color Module Level 4 推薦。
對比度（WCAG 與 APCA）
WCAG 2.1 使用亮度比（1:1 到 21:1）以 AA/AAA 為門檻。支援廣泛，但對小字體與深色模式的感知考量不足。
APCA 是 WCAG 3 的候選標準，使用極性感知的 Lc 分數，對細小文字的可讀性預測更準確。
提示
- 使用螢幕滴管從任意像素拾取顏色（僅 Chromium 瀏覽器）。
- 在配色分頁拖入圖片，透過中位切分量化擷取 6 個主色。
- Tailwind v4 預設輸出 OKLCH 顏色以保證感知平滑 — 複製 @theme 區塊以對齊該工作流。