🎨 カラーコード変換

計算の仕組み

Webで使う色の表記には、HEX・RGB・HSLがあります。RGBは赤・緑・青の光をそれぞれ0〜255の強さで混ぜる表し方で、HEXはその3つの値を16進数2桁ずつ並べたものです（#3366CC なら 赤0x33=51、緑0x66=102、青0xCC=204）。HSLは、色相（Hue、0〜360度の色相環上の角度）・彩度（Saturation）・明度（Lightness）で表すため、「同じ色味のまま明るくする」といった調整が直感的にできます。 コントラスト比のチェックは、Webアクセシビリティの国際的なガイドラインWCAGの計算式に従っています。まず各色の相対輝度を、sRGBの値をガンマ補正で直線化したうえで、人の目の感度に合わせて赤0.2126・緑0.7152・青0.0722の重みで足し合わせて求めます。コントラスト比は（明るいほうの輝度 + 0.05）÷（暗いほうの輝度 + 0.05）で、1:1〜21:1の範囲になります。 WCAGでは、通常の文字は4.5:1以上（AA）、より厳しいAAAでは7:1以上が求められます。