色の変換

HEX、RGB、HSLを変換し、コントラストを見ます。HEXからRGBだけなら 16進からRGB

このページがすること

同じ色はHEX、RGB、HSLで書けます。このページは3つを揃え、もう1つのHEXとのコントラストを見ます。HEXからRGBだけなら16進からRGBです。

使い方

  1. HEX、またはR・G・B、またはH・S・Lを入力します。他の欄と見本は入力と同時に更新されます。変換ボタンはありません。
  2. 比較色はコントラストに使う2つ目のHEXです。
  3. 例を表示は比較色を#e8f0f6、HEXを#112233にします。Rは17、Gは34、Bは51です。Hは210、Sは50、Lは13です。比は14.02:1です。通常文字のAA、AAA、大きい文字のAAはすべて合格です。
  4. すべてクリアは欄、見本、比を空にします。

規則と境界

#RGBは各桁を重ねるので、#123は#112233です。3桁でも6桁でもないHEXはエラーです。Hは0から360、SとLは0から100、R・G・Bは0から255です。コントラストはWCAGの相対輝度です。通常文字のAAは4.5:1、AAAは7:1、大きい文字のAAは3:1です。比較色が空だと比は出ません。

使うところ

  • 暗いHEXをHSLにする。
  • 薄い背景の上の暗い青を確認する。
  • 同じ色を17、34、51として読む。

質問

HSB、HWB、CMYKは変換しますか？

しません。HEX、RGB、HSLと、コントラストです。

3つとも合格なのはなぜですか？

14.02:1は7より大きいので、#112233を#e8f0f6の上に置くと、通常文字のAA、AAA、大きい文字のAAがすべて合格です。