HeronTool
繁體中文▾
登入
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首頁 › 設計資源 › OKLCH 取色器

OKLCH 取色器

在感知均勻的 OKLCH 空間取色，同時提供 HEX、RGB、HSL 回退值。

颜色 配色 CSS
HEX—
RGB—
HSL—
CSS—

使用方法

  1. 調整上方參數。
  2. 結果與 CSS 即時更新。
  3. 點擊複製。

使用場景

在感知均勻的 OKLCH 空間取色，同時提供 HEX、RGB、HSL 回退值。

不會上傳任何內容 — 全部在瀏覽器本地處理。

評論 / 糾錯 / 我的標註

請先登入 — 登入

請先登入 — 登入

請先登入 — 登入

相關工具
漸層產生器 產生線性/放射 CSS 漸層，附即時預覽。 漸層 字型預覽 輸入文字並切換字體，即時預覽效果。 字型 圖示搜尋 搜尋 Tabler 圖示，一鍵複製 SVG。 圖示 色票產生器 從基準色建構和諧色票（類似色/互補色）。 色票 Mockup 產生器 將網址或截圖拖入裝置模型框架預覽。 示意圖 顏色對比度 檢查背景上文字的 WCAG 對比度。 對比 box-shadow 產生器 視覺化建立 CSS box-shadow。 陰影 text-shadow 產生器 建立 CSS text-shadow。 陰影