カラーコード変換とコントラスト比
カラーコード（#1a73e8 などのHEX）、RGB、HSLを相互に変換します。文字の色と背景の色を入れると、読みやすさの目安のコントラスト比と、WCAG 2の基準を満たすかもわかります。
計算方法
コントラスト比 ＝（明るいほうの相対輝度 ＋ 0.05）÷（暗いほうの相対輝度 ＋ 0.05）
例：白（#ffffff）と黒（#000000）は、(1 ＋ 0.05) ÷ (0 ＋ 0.05) ＝ 21 で、いちばん大きい21:1です。
相対輝度：RGBのそれぞれを255で割り、0.04045以下なら12.92で割り、それより大きければ ((値 ＋ 0.055) ÷ 1.055) の2.4乗にします。その3つを 0.2126 × R ＋ 0.7152 × G ＋ 0.0722 × B で合わせます。W3CのWCAG 2.2に書かれた式です。
基準（WCAG 2.2）：ふつうの文字は4.5:1以上（レベルAA）、7:1以上（レベルAAA）。大きな文字（18ポイント以上、または14ポイント以上の太字）は3:1以上（AA）、4.5:1以上（AAA）。図やボタンの形などは3:1以上です。日本のJIS X 8341-3も、同じ基準を使っています。コントラスト比は、基準に届かないのに届いたと見えないよう、小数第3位以下を切り捨てて表示しています。
変換：HEXは、R・G・Bの値（0〜255）をそれぞれ2けたの16進数にしたものです。HSLは、色合い（0〜360°）・あざやかさ（%）・明るさ（%）で表す方法で、CSS Color Module Level 4の式で変換し、整数に丸めています。
出典：W3C「Web Content Accessibility Guidelines (WCAG) 2.2」、W3C「CSS Color Module Level 4」（HSLの変換）
よくある質問
CMYKやPantone、DICカラーへの変換はできますか？
いいえ、このツールはHEX・RGB・HSLの相互変換とコントラスト比の計算に対応していますが、印刷で使うCMYK、Pantone、DICカラーへの変換には対応していません。印刷用の色指定が必要な場合は、印刷会社の色見本やカラーチャートでご確認ください。
rgba(透明度つきのRGB)の値も入力できますか？
いいえ、このツールが扱うのはHEX・RGB・HSLの色の値で、透明度(アルファ値)を含むrgba形式の入力・変換には対応していません。色そのものの変換とコントラスト比の確認にご利用ください。
カラーコードをRGBにするには？
HEXの6けたを2けたずつに分け、16進数を10進数に直します。#1a73e8なら、1a＝26、73＝115、e8＝232で、rgb(26, 115, 232)です。
コントラスト比はいくつあればいい？
ふつうの大きさの文字なら4.5:1以上が目安です（WCAG 2.2のレベルAA）。大きな文字なら3:1以上です。
白い背景に置ける文字の色は？
白との比が4.5:1以上の色です。たとえば#767676（灰色）は白との比が約4.54:1で、基準を満たします。
3けたのカラーコード（#fff）も使える？
使えます。#fffは#ffffff、#1a3は#11aa33と同じ色として読みます。