カラーコンバーター
hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, x11カラー

HEXカラーコード（単に「Hex」とも呼ばれる）は、Webデザインやデジタルグラフィックにおける色の16進数表現です。「#」記号の後に、数字（0-9）と文字（A-F）の6文字の組み合わせが続きます。これらの文字は、色における赤、緑、青（RGB）成分の強度を表し、広範囲の色を正確に指定することを可能にします。HEXカラーコードは、Webサイトの色を定義するためにHTMLやCSSで広く使用されており、デザイナーや開発者がさまざまなプラットフォームやブラウザで一貫した正確な色再現を保証するための標準化された方法を提供します。

HEXAカラーコードは、アルファチャンネルを組み込んだ従来のHEXカラーモデルの拡張です。標準のHEXコードは6文字（例：#RRGGBB）を使用して赤、緑、青を定義しますが、HEXAは透明度を表すために末尾に2文字を追加します（例：#RRGGBBAA）。アルファ値は00（完全に透明）からFF（完全に不透明）の範囲です。HEXAコードは、開発者が単一の簡潔な文字列でスタイルシートに透明度のある色を直接指定できるため、最新のWebデザインでますます使用されています。

HSLカラーコードは、色相（Hue）、彩度（Saturation）、輝度（Lightness）の略です。これはRGBカラーモデルの代替表現であり、より直感的で、人間の色認識によく合うように設計されています。HSLは色を3つの成分に分解します。

• 色相（Hue）：色相環上の角度（0-360）で測定される、赤、青、黄色などの色の種類自体を表します。
• 彩度（Saturation）：色の強度または純度を0%（グレースケール）から100%（完全な色）で示します。
• 輝度（Lightness）：色が明るいか暗いかを決定し、0%（黒）から100%（白）の範囲です。

HSLカラーコードは、Webデザインやデジタルアートで広く使用されており、デザイナーや開発者が色のプロパティを簡単に調整して、調和のとれた配色や視覚効果を作成できるようにします。

HSLAカラーコードは、HSLカラーモデルの拡張であり、ミックスにアルファチャンネルを追加します。HSLAは、色相（Hue）、彩度（Saturation）、輝度（Lightness）、およびアルファの略です。

• 色相（Hue）：色の種類を度（0-360）で表します。
• 彩度（Saturation）：色の純度を測定します（0%から100%）。
• 輝度（Lightness）：明るさを指定します（黒の場合は0%、白の場合は100%）。
• アルファ：透明度を制御します（完全に透明な場合は0、完全に不透明な場合は1）。

HSLAカラーコードは、Webデザインやグラフィックデザインで特に役立ち、デザイナーがさまざまなレベルの透明度で色を定義できるようにすることで、デジタルコンテンツ内の要素の視覚的外観とレイヤー化の制御を強化します。

HSVカラーコードは、色相（Hue）、彩度（Saturation）、明度（Value）の略であり、デジタルデザインやコンピューティングで広く使用されている色表現システムです。赤、緑、青の原色に焦点を当てたHEXとは異なり、HSVは色のさまざまな側面を考慮します。

• 色相（Hue）：色の種類を表し、色相環の周りの0から360度の範囲です。
• 彩度（Saturation）：色の強度または純度を測定し、0%はグレースケール、100%は完全に飽和していることを意味します。
• 明度（Value）：色の明るさを指定し、0%は黒、100%は完全に照らされた色です。

HSVカラーコードは、色を扱うための直感的な方法を提供し、デザイナーが色相、彩度、明度を調整して、Webデザインやグラフィックデザインなどのさまざまなデジタルデザインアプリケーションで目的の視覚効果を簡単に実現できるようにします。

HSVAカラーコードは、HSVカラーモデルの拡張であり、アルファチャンネルを導入し、色相（Hue）、彩度（Saturation）、明度（Value）、およびアルファをもたらします。

• 色相（Hue）：色の種類を0から360度の値で定義します。
• 彩度（Saturation）：色の強度を示し、0%（グレースケール）から100%（完全に飽和）の範囲です。
• 明度（Value）：明るさを決定し、0%は黒、100%は完全に照らされた色です。
• アルファ：透明度を制御し、0（完全に透明）から1（完全に不透明）まで変化します。

HSVAカラーコードは、Webデザイン、グラフィックデザイン、デジタルアートで価値があり、さまざまなレベルの透明度で色を正確に指定できます。この拡張機能は、デジタル作品の視覚的な側面と要素のレイヤー化の制御を強化します。

LABカラースペース（具体的にはCIELABまたはCIE L*a*b*）は、1976年に国際照明委員会（CIE）によって定義された色標準です。これは3つの次元で色を表します。「L」は明度（黒の0から白の100まで）、「a」は緑-赤の色成分、「b」は青-黄色の色成分です。RGBやCMYKとは異なり、LABはデバイスに依存しないように設計されています。つまり、特定の画面やプリンターによってどのように生成されるかではなく、人間の知覚に基づいて色を定義します。これにより、異なるカラープロファイル間での変換において重要な中間スペースとなります。

LCHカラーコードは、明度（Lightness）、彩度（Chroma）、色相（Hue）の略です。これは、人間が理解しやすいように直感的に設計された、CIELAB（LAB）カラースペースの円筒形表現です。「明度」は色の明るさを表し、「彩度」は強度または彩度を示し、「色相」は色相環上の角度として色自体（赤、青、緑など）を指定します。LCHは、知覚的な均一性のためにデザインや測色で特に評価されており、数値の変化が人間の目で知覚される視覚的な変化と比較的よく一致することを意味します。

OKLABカラースペースは、2020年にBjörn Ottossonによって設計された知覚的カラースペースです。これは、従来のCIELABスペースに対する最新の改善として機能し、使いやすくしながら、LABの知覚的均一性の欠陥、特にLABで紫色に見える可能性のある青の色相の処理を修正することを目的としています。OKLABは3つの座標を使用します。「L」は知覚される明度、「a」は緑-赤、「b」は青-黄色です。その優れた知覚精度により、色のブレンド、グラデーションの生成、画像処理などのタスクに最適です。

OKLCHは、OKLABの知覚的均一性とLCH（明度、彩度、色相）の直感的な円筒座標を組み合わせたカラースペースです。HSLや標準のLCHよりも予測可能な色の操作（調和のとれたパレットの作成や、知覚される色相を変えずに明度を調整するなど）が可能であるため、最新のWebデザインやCSSに推奨されるカラースペースになりつつあります。最新のCSSカラーモジュールレベル4でネイティブにサポートされており、より鮮やかでアクセシブルな配色が可能になります。

RGBカラーコード（赤、緑、青のカラーコードの略）は、デジタルデザインやコンピューティングにおいて色を定義するために使用される数値表現です。それぞれ0から255の範囲の3つの数値で構成され、赤、緑、青の原色の強度を表します。これらの値を調整することで、幅広い色のスペクトルを作成できます。RGBカラーコードは、Webデザイン、グラフィックデザイン、画像編集など、さまざまなアプリケーションで一般的に使用されており、デジタルディスプレイ、画像、コンテンツの色を正確に指定および再現します。

RGBAカラーコード（赤、緑、青、アルファの略）は、デジタルデザインやコンピューティングで使用される色表現形式です。これはRGBカラーモデルの拡張であり、赤、緑、青（RGB）成分の強度を指定することに加えて、アルファチャンネルが含まれています。アルファチャンネルは色の透明度または不透明度を制御し、値の範囲は0（完全に透明）から1（完全に不透明）です。RGBAカラーコードは、Webデザイン、グラフィックデザイン、画像編集で広く使用されており、さまざまなレベルの透明度で色を定義できるため、視覚的に魅力的で階層化されたデジタルコンテンツを作成するために不可欠です。

XYZカラースペースは、1931年にCIE（国際照明委員会）によって設立され、すべての最新のカラー管理システムの基本的なモデルです。これは、光の物理的な波長と人間の色覚との関係を数学的に定義します。このモデルでは、「Y」は輝度（明るさ）に対応し、「X」と「Z」は色度を表すための仮想成分として機能します。人間の目に見えるすべての色を包含するため、XYZは異なるデバイスやカラースペース間で色を変換するための標準参照スペースとして機能します。

X11カラーは、コンピューティング、特にUnixベースのオペレーティングシステムの一般的なグラフィカルユーザーインターフェイスであるX Window Systemで使用される標準化された色のセットを指します。X11カラーパレットには、それぞれ特定の16進コード（HEX）表現を持つ140の名前付き色が含まれています。これらの名前付き色は、ソフトウェア開発、Webデザイン、グラフィックデザインで色を指定するための一貫した広く認識された方法を提供します。デザイナーや開発者は、「red」、「blue」、「green」などのX11カラー名とそれに対応するHEX値をよく使用して、さまざまなシステムやプラットフォーム間での色の一貫性と互換性を確保します。