カラーピッカー・コンバーター

HEXとRGBは文字通り同じ基礎となる値 — 赤、緑、青の光をどれだけ混ぜるか — を、2つの異なる目的のために2つの異なる表記で記述します: HEXは3つのチャンネルすべてを単一のコンパクトな6文字の文字列に詰め込み、CSSの値として貼り付けたりデータベースの列に保存したりするのに便利です。一方RGBは3つの数値を別々に書き出し、プログラムが各チャンネルを独立して読み取ったり操作したりする必要があるときに便利です。HSLは同じ色を、人が実際に色について考える方法を中心に構築されたまったく異なる座標系で再定式化します — 色相（どの色か）、彩度（どれだけ鮮やかか）、輝度（どれだけ白または黒に近いか）です。これは具体的には「もう少し明るくして」や「もう少しくすませて」がHSLでは1つの数値の調整であるのに対し、RGBでは同じ視覚効果を得るために3つのチャンネルすべてを同時に再計算する必要があるためです。

RGB、HSL、HSVはすべて加法混色を記述する異なる方法です — 赤、緑、青の光を直接放出することで作られる色であり、これはどんな画面でも動作している仕組みです。CMYKは減法混色を記述します — シアン、マゼンタ、イエロー、ブラックのインクが特定の波長の光を吸収し、紙に反射する光だけが見えるというもので、これは画面が生成できるより到達可能な色域が狭い、物理的に異なるプロセスです。だからこそ、鮮やかで彩度の高いRGB色、特にある種の鮮やかな青や緑は、しばしば正確なCMYK等価物をまったく持ちません — その色は単に、インクと紙が物理的に再現できる範囲の外にあり、表示される変換は、プロフェッショナルなカラーマネジメントされた一致ではなく、標準的な算術を使った最も近い利用可能な近似です。重要な仕事のための本物の印刷精度には、使用される特定の用紙と印刷機に較正されたICCカラープロファイルが必要であり、これは汎用の算術変換が提供できるものより別個で手の込んだプロセスです。

WCAGのコントラスト比は、2つの色が並んでどれだけ視覚的に異なる、あるいは鮮やかに見えるかからではなく、純粋に各色の相対輝度 — 緑をより重く重み付けする式を使ってRGBチャンネルから導かれる知覚される明るさの指標です。これは人間の目がその波長により敏感だからです — から計算されます。これは特定の直感に反する失敗モードを生み出します: 全体的な明るさが似ている、彩度の高い明確に異なる色 — 明るいオレンジのテキストを明るい赤の背景に置くなど — は、通常の視覚では明らかに区別できるように見えるにもかかわらず、互いにほとんど輝度コントラストを持たないことがあります。この組み合わせは、視力の弱い人、色覚異常のある人、あるいは単に直射日光下のスマートフォン画面を見ている人にとって、本当に読みにくい、あるいは不可能になります。比率は、健常な目の第一印象がその組み合わせについて何と言おうと、それらの読者にとって重要なまさにそのコントラストの次元を測定しているのです。