HSV 轉 OKLAB
顏色 轉換 Engine
輸入任意受支援格式的顏色，引擎會輸出其他所有顏色空間。
輸入 Mode
Accepts #RGB or #RRGGBB, with or without #.
預覽
#1E40AF
預覽 uses the sRGB color space。
輸出 — all color spaces
HEX#1E40AF
RGBrgb(30, 64, 175)
HSLhsl(226, 71%, 40%)
HSVhsv(226, 83%, 69%)
CMYKcmyk(83%, 63%, 0%, 31%)
LABlab(31.89, 30.44, -62.30)
LCHlch(31.89, 69.34, 296.04)
OKLABoklab(0.4244, -0.0138, -0.1803)
OKLCHoklch(0.4244, 0.1809, 265.64)
使用方法
- 輸入來自設計稿、品牌規範或工具匯出的 HSV 數值。
- 查看即時預覽與產生的 OKLAB 結果，確認沒有輸入錯誤。
- 複製轉換後的色彩值，放入 CSS、設計 token、文件或 API 設定中。
- 若是品牌主色或正式印刷/上線內容，請在最終環境中再確認一次。
常見問题
HSV 轉 OKLAB 適合做什麼？
HSV 轉 OKLAB 適合在設計工具、CSS、文件、API 或色彩規範使用不同格式時，把 HSV 色彩轉成 OKLAB。
我的資料會上傳嗎？
不會。轉換會在瀏覽器本機完成。
轉換後的顏色會在所有裝置上完全一樣嗎？
數值轉換是固定的，但實際顯示仍會受螢幕、色彩描述檔與使用情境影響。重要色彩請以最終環境為準。
簡介
HSV 轉 OKLAB 可將 HSV 色彩快速轉換成 OKLAB，適合整理品牌色、設計 token、CSS 樣式或產品文件。你可以在同一頁查看預覽並複製結果，減少手動換算與貼錯數值的風險。
HSV 轉 OKLAB 是什麼？
HSV 轉 OKLAB 會把 HSV 的色彩表示法轉成 OKLAB。當設計稿、匯出資料、API 或前端程式碼使用不同色彩格式時，這個工具可以幫你快速銜接兩邊的工作流程。
轉換會在瀏覽器中完成，適合處理尚未公開的品牌色、內部設計稿或上線前的樣式調整。
主要功能
- 即時轉換並顯示預覽，方便檢查輸入是否正確。
- 輸出可直接複製，適合放入 CSS、設計 token、文件或測試資料。
- 在瀏覽器本機處理，不需要上傳色彩資料。
常見用途
- 將設計工具中的色彩轉成前端可用格式。
- 整理跨平台品牌色與 UI 色票。
- 在發佈前檢查色彩格式是否一致。
使用建議
- 先確認輸入範圍、單位與色彩空間，避免把不同格式混在一起。
- 涉及可讀性時，請同時檢查淺色與深色背景。
- 保留原始值與轉換結果，方便設計、工程與 QA 共同審查。