どの値を編集しても色ブロックとすべての形式が同期されます。
ワークフローによって使うモデルは異なります。WebではHEXやRGB、デザイン調整ではHSL/HSVが直感的です。
HEXはRGBの16進表現でCSSに適しており、RGBはピクセルや画像処理に向いています。
HSL/HSVは色相・彩度・明度/輝度を分離し、パレットやグラデーション設計に有効です。
CMYKは印刷標準で、画面色と印刷色の差を抑えるために重要です。
| 形式 | 例 | 用途 |
|---|---|---|
| HEX | #FF5733 | Webデザイン、CSS |
| RGB | rgb(255, 87, 51) | 画面表示、Photoshop |
| HSL | hsl(11, 100%, 60%) | 色相/彩度調整 |
| CMYK | cmyk(0%, 66%, 80%, 0%) | 印刷、グラフィックデザイン |
| HSV | hsv(11°, 80%, 100%) | 画像処理、OpenCV |
統一された変換ツールを使うことで、デザイン・開発・印刷間の色差や手戻りを減らせます。
HEXとRGBは同一モデルの表現違いで、HSL/HSV/CMYKは視覚や印刷特性に合わせて再構成されています。数値は違っても同じ色を示します。
変換には浮動小数点演算や丸めが入り、CMYKは印刷プロファイルに依存します。軽微な差は一般的です。
色相・彩度・明度を調整してパレットやテーマ、グラデーションを作る場合に最適です。
印刷はRGB光ではなくインク混合で色を再現します。CMYKを把握することで印刷時の色ズレを抑えられます。
CSSではHEXが簡潔で扱いやすく、ピクセル処理やチャネル操作ではRGBが直感的です。
HSLは明度、HSVはバリューを用いて明るさを配分します。グラデーションの見え方が変わります。
各モデルには定義された数値範囲があり、範囲外は無効な色になります。
入力途中の誤りで色が崩れないよう、形式を検証した上で反映します。
いいえ、すべてブラウザ内で処理されます。
一般的な換算値であり、正確な一致はICCプロファイルや用紙、印刷条件に依存します。
HEX/RGB/HSL/HSV/CMYKのリアルタイム変換とプレビュー。
モバイルで続行するにはスキャンしてください。