背景・文字・アクセントの3色を1セットとして、3セットまで画面に並べて比べられるツールです。 文字と背景のコントラスト比も、セットごとに目安として出ます。 ブラウザで開くだけで動き、入力した色は外部に送られません。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ コントラスト比は、WCAG 2.x の式で計算した目安です。 AA相当・AAA相当の表示は判定の目安で、正式な適合の証明ではありません。 実際の見え方は、画面や環境で変わります。 保存先は、お使いのブラウザの中だけです。ブラウザの閲覧データを消すと、保存したセットも消えます。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 配色セットを3つまで作って、画面に並べて比べられます ◆ 1セットは3色（背景・文字・アクセント）です。ピッカーか色コード（#RRGGBB）で指定します ◆ 文字と背景、アクセントと背景のコントラスト比の表示（通常文字のAA相当・AAA相当、大きな文字のAA相当の目安つき） ◆ セットごとの見本（見出し・本文・ボタン）の表示 ◆ 文字色と背景色の入れ替え ◆ CSS変数としてコピー ◆ ブラウザの中への自動保存 ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ セットを30個まで保存 ◆ 1セットを最大6色に（色の追加と取り外し） ◆ セット内の全色の組み合わせのコントラスト比の表 ◆ 全セットの一覧表（文字と背景の比、通常文字・大きな文字の目安） ◆ 並べ替え（比が高い順、低い順、名前順）と、AA相当に届くものだけの絞り込み ◆ セットの複製 ◆ JSONの書き出しと読み込み（控えの作成、別のブラウザへの移動） 有料版はこちらです。https://mall-aibou.booth.pm/items/8981769 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. palette-set-board.html をダブルクリックして、ブラウザで開く 2. 「セットを追加」を押し、背景・文字・アクセントの色を決める（色コードを貼ってもOK） 3. セットを並べて、コントラスト比と見本を見比べる。気に入ったものはCSS変数でコピーする ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・色覚特性のシミュレーションはできません ・画像から色を取り出す機能はありません ・コントラスト比は目安です。公式の判定や認証の代わりにはなりません ・色の自動提案（配色の生成）はしません。色は自分で決めます ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　palette-set-board.html ／ README.txt TOOL BOX