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