カラー変換
不透明色をHEX・RGB・HSL・HSV・近似CMYKで相互変換します。色のプレビューとカラーピッカー付きです。 入力値に合わせてグラフや図が更新されます。
入力項目
入力例は計算方法を示すためのものです。実際の寸法、運用データ、価格、手数料を入力してください。 入力を変更すると結果が自動更新されます。
計算はブラウザ内で行います。入力内容は保存せず、アクセス解析にも送信しません。
計算方法
- = 255 × (1 − ) × (1 − )
- = 1 − max(, , ) / 255
- : = (max(, , ) + min(, , )) / 510
- 計算例: #F00 → RGB(255, 0, 0) → HSL(0°, 100%, 50%)
入力項目と式の対応
計算結果
入力すると結果が表示されます。
前提と注意点
sRGBは0～255、色相は0°～360°、割合は0～100%で扱います。HEXは3桁または6桁です。無彩色の色相は0°とします。HEXは最も近い8ビット値に丸め、他の出力は小数点以下4桁まで表示します。CSS文字列では仕様上必要な小数点を維持します。CMYKはICCプロファイル未適用の簡易換算であり、印刷結果とは異なる場合があります。
参考資料
- W3C — CSS Color Module Level 4 資料確認日: 2026-10-22
- W3C — device CMYK and color profiles 資料確認日: 2026-10-22
