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