動画のスクリーンショットを読み込み、字幕を置きたい場所をクリックすると、 その背景と文字色のコントラスト比を表示するツールです。 明るい背景に白い文字を置いて、読みにくくなっていないかの確認に使えます。 ブラウザで開くだけで動き、読み込んだ画像は外部に送られません。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ コントラスト比の計算は、WCAGの式の定義どおりです。 読みやすさの判断は目安で、アクセシビリティへの適合を保証するものではありません。 最終確認は、実機で動画を再生して行ってください。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ クリックした1点の背景色と、文字色とのコントラスト比 ◆ 通常の文字と大きな文字について、AA相当・AAA相当の目安の表示 ◆ 文字色をピッカーや色コードで試せる画面 ◆ 今の色で見たサンプル字幕の表示 ◆ 画像(png/jpgなど)の読み込み ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 範囲をドラッグして、平均の背景色を取得 ◆ 縁取りの色を指定して、縁取り込みの目安を表示 ◆ よく使う文字色の候補リスト ◆ 結果のコピー 有料版はこちらです。https://mall-aibou.booth.pm/items/8923365 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. telop-contrast.html をダブルクリックして、ブラウザで開く 2. 動画のスクリーンショットを、画面にドラッグ（クリックしてファイルを選ぶこともできます） 3. 字幕を置く場所をクリックして、コントラスト比を見る。文字色はピッカーで試せます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・動画ファイルの読み込みはできません。スクリーンショットなどの画像を使います ・読みやすさの判定は目安です。適合を保証するものではありません ・動画の編集や書き出しはできません ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　telop-contrast.html ／ README.txt TOOL BOX