＼並べた色の、全組み合わせの読みやすさを一覧で／ 色を並べると、文字の色と背景の色の全組み合わせについて、コントラスト比（WCAGの計算式）を表で出して、読める組み合わせに○をつけるツールです。 この無料版は、3色まで・通常の文字のAA（4.5以上）の判定です。 ■ 例えばこんな使い方 ◎ 配信画面やサムネイルで、背景に埋もれない文字色を選ぶ ◎ ブランドカラーや手持ちの色同士が、読める組み合わせかを点検する ◎ 資料やサイトの配色を決める前に、全部の組み合わせを一覧で見る ■ 使い方（3ステップ） ① palette-contrast-board.html をダブルクリックして、ブラウザで開く ② 色をピッカーか色コード（#RRGGBB）で並べる ③ 「全組み合わせの判定表」を見る（行が文字の色、列が背景の色です）。○が読める組み合わせの目安です 表のマスを押すと、その文字色と背景色の見本と、数字が下に出ます。 ■ この無料版でできること ◆ 色を3色まで並べる（ピッカーか色コードで指定） ◆ 全組み合わせ（6通り）のコントラスト比の表と、○×の印 ◆ 判定の基準は「通常の文字・AA（4.5以上）」 ◆ 選んだ組み合わせの見本表示 ■ 有料版（580円）で増えること ◆ 色が8色まで（最大56通りの組み合わせ） ◆ AA・AAA、大きい文字の基準でも判定（4つから選べる） ◆ 色覚の見え方のシミュレーション（P型・D型・T型の3種。計算で近似した目安です） ◆ パレットの自動保存と、5つまでの名前つき保存 ◆ CSS変数・JSONの書き出し、JSONの読み込み ◆ 色に名前をつける 有料版はこちらです。https://mall-aibou.booth.pm/items/8987449 ■ 動作環境 ・Chrome / Edge / Safari の最新版（動作確認はChromeのみです） ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ■ 配布内容 ・palette-contrast-board.html ・README.txt ■ ご利用について ・個人・法人どちらも使えます ・商用の制作にも使えます ・クレジット表記は不要です ・ファイルそのものの再配布・販売はご遠慮ください ■ ご注意 ・コントラスト比は、WCAG 2.x の定義にもとづく目安です。法的な適合や認証を保証するものではありません ・実際の見え方は、画面や環境、見る人によって変わります ・非公式のツールです ・動作確認はChromeのみです ■ 更新情報 2026/10/14 公開 TOOL BOX