色碼轉換器
輸入 HEX、RGB、HSL、HSV 或 CMYK 數值,或選擇顏色,即可轉換為全部五種格式。若要將設計素材中的顏色改用其他表示法,請複製個別代碼,或將全部五種結果儲存為文字檔。不支援 Alpha;CMYK 為未使用 ICC 設定檔的估算值。
可執行的操作
查看五種顏色格式
在一份清單中查看 HEX、RGB、HSL、HSV,以及不使用 ICC 描述檔的估算 CMYK。
複製所需數值
分別複製各種格式,或一次複製並儲存全部五項結果為文字。
使用方法
選擇輸入模型
選擇 HEX、RGB、HSL、HSV 或 CMYK,以配合您手上的代碼。
輸入顏色數值
輸入代碼或數值分量。從色票選擇顏色會將輸入切換為 HEX。
換算並檢查
選擇「換算顏色」以查看色票和各種格式。編輯輸入後請重新換算。
取得所需記法
複製個別格式,或複製全部五種格式並儲存為 colors.txt。
適用情境
使用設計資料中的顏色
將收到的 RGB 值或 HEX 色碼轉換為設計工具可接受的記法。
整理同一顏色的數值
在同一處查看全部五種表示法,並保存至文件或工作筆記。
顏色記法和換算限制
HEX 和 RGB
RGB 以 0 到 255 的數值表示紅、綠、藍。HEX 以十六進位表示這些色彩通道。輸入三位或六位數字;輸出使用六位大寫數字。
HSL 和 HSV
兩者都使用色相和飽和度,但 HSL 的亮度和 HSV 的明度是不同物理量,請勿將數值視為可互換。
CMYK 為估算值
此工具進行簡單計算,不使用 ICC 描述檔。不會考慮紙張、油墨或印表機,也不能取代列印準備或色彩校樣。
精度和換算
計算採用不透明的 8 位元 sRGB。RGB 以整數顯示;HSL、HSV 和 CMYK 顯示至小數點後一位(HSV 數值包含 ° 和 %)。由於四捨五入和計算方式不同,換算為其他格式再換回來後,數值可能不會完全相同。
問答
可以直接使用 CMYK 數值進行列印嗎?
這些是估算值。請在設計軟體中,依實際列印條件和所需色彩描述檔確認。
可以換算含 Alpha 的顏色嗎?
不支援 Alpha。請輸入不透明的顏色值,不要使用四位或八位 HEX、RGBA 等格式。
輸入不完整時切換模型會怎樣?
有效輸入會以其顏色切換。不完整輸入會使用上次確認的顏色,並清除換算結果。
可以在 CSS 中直接使用 HSV 嗎?
HSV 和估算的 CMYK 是數值參考。若要直接將數值複製到 CSS,請選擇 HEX、RGB 或 HSL。
輸入與輸出
- 輸入
- HEX、RGB、HSL、HSV 或 CMYK 數值,也可以從選色器選擇顏色。
- 輸出
- 複製各顏色代碼,或將全部五種格式儲存為 colors.txt。