カラーフォーマット変換
HEX、RGB、HSL、CMYKの色を相互変換。ライブプレビュー表示付き — すべてブラウザ上で。
🔒 ブラウザ内で完全に処理されます。ここに入力した内容はアップロードされません。
処理中...
0%
色の値を解析中
色空間を変換中
プレビューを描画中
完了
結果
デザインワークフローの各段階では、異なる色の「方言」が使われます。CSSは #rrggbb や hsl() を求め、Canvas APIはRGBチャネルを、印刷所はCMYKのパーセンテージを求め、ブランドブックにはまた別の形式で記載されています。このコンバーターは、1つの値をワンクリックでこれら全ての表記に変換します。
変換元のフォーマット（HEX、RGB、HSL）を選び、値を貼り付けてください。結果は、確認用のプレビューと一緒に、HEX、RGB、HSL、CMYKの形式で一度に表示されます。パーサは意図的に柔軟に作られており、#fff と #3b82f6、rgb(255, 0, 0) と素の 255, 0, 0、hsl(120, 50%, 50%) と単に 120, 50, 50 のいずれも解釈します。
もし手元に値がない場合は、内蔵のカラーピッカーをご利用ください。選択した形式で入力フィールドに値が自動入力されるので、目で見て色を取得し、どの表記でも即座にコードを読み取ることができます。CMYK出力には標準的な変換式が使われており、印刷準備の確かな基準となります。最終的な調整は印刷会社のカラープロファイルに委ねられます。
すべての計算はお使いのブラウザ上でローカルに処理されます。アップロード、アカウント登録、利用制限は一切ありません。貼り付け、変換、4つの表記すべてをワンボタンでコピー — そしてデザインの引き継ぎに進んでください。