カラーコード変換ツール — HEX, RGB, HSL, CMYK, LAB

カラーコード変換ツールの概要と対応フォーマット

本ツールは、複数のカラーモデル間で色データを相互に変換するためのツールです。いずれかの入力フィールドに値を入力するか、カラーピッカーから視覚的に色を選択すると、他のすべてのフォーマットが即座に更新されます。

対応しているカラーフォーマットと入力例は以下の通りです。

HEX: 16進数によるカラーコード。例：#4f46e5 または #abc。
RGB: 赤（Red）、緑（Green）、青（Blue）の3つの数値を0〜255の範囲で指定。例：79, 70, 229。
HSL: 色相（Hue、0〜360）、彩度（Saturation、パーセンテージ）、輝度（Lightness、パーセンテージ）で指定。例：243, 75%, 59%。
HSV: 色相（Hue、0〜360）、彩度（Saturation、パーセンテージ）、明度（Value、パーセンテージ）で指定。例：243, 69%, 90%。
CMYK: シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キープレート（Key plate/Black）の4つの割合を0〜100のパーセンテージで指定。例：66%, 69%, 0%, 10%。
LAB: L（明度、0〜100）、a（赤・緑軸）、b（黄・青軸）で指定。例：40.73, 50.63, -79.08。

デジタル環境において色は様々なモデルで表現され、それぞれ異なる目的や用途を持っています。

RGBは光の三原色を用いた加法混色モデルであり、ディスプレイなどの画面表示に使用されます。これに対し、CMYKはインクの四原色を用いた減法混色モデルであり、主に紙媒体などの印刷物に使用されます。

HSLおよびHSVは、RGBを人間が直感的に理解しやすい「色相・鮮やかさ・明るさ」に再構成したモデルです。LABは、人間の視覚特性に合わせて設計されたデバイスに依存しないカラースペースであり、より広い色域を表現できます。

本ツールでカラーコードを変換する際には、以下のルールと制限事項が適用されます。

リアルタイム更新: 1つのフィールドを編集すると、他のすべてのフィールドが即座に自動更新されます。
色域外（アウト・オブ・ガマット）の調整: LABやCMYKで、ディスプレイが表示可能なRGBの範囲外（色域外）の値を入力した場合、最も近い表示可能な色に自動的に調整されます。このため、調整された色を元のLABやCMYKに逆変換すると、元の値からわずかに変化することがあります。
印刷用CMYKの制限: 本ツールが出力するCMYK値は画面上の近似値です。実際の印刷結果は、使用する紙質、インク、プリンターのプロファイルによって異なるため、プロの印刷現場で用いる値とは一致しない場合があります。

各フィールドに無効な形式の値を入力すると、以下のエラーメッセージが表示されます。

本ツールにおけるすべてのカラー変換処理は、完全にお使いのブラウザ上で行われます。入力したデータが外部のサーバーにアップロードされることはありません。

HEX、RGB、HSL、HSV、CMYK、LABに対応しています。いずれかのフィールドに値を入力すると、他の5つの形式が同時に更新されるため、あらゆる形式間で相互に変換できます。

画面上での近似値としてお考えください。実際の印刷用CMYKは、紙質、インク、プリンターのプロファイルに依存するため、印刷所での出力値はここでの計算結果と若干異なる場合があります。

LABやCMYKは、ディスプレイでは表示できない色を表現できます。値が画面表示可能なRGB範囲外にある場合、最も近い表示可能な色に引き寄せられるため、元の形式に逆変換した際に値がわずかに変化することがあります。