ProUtils

相対輝度計算

WCAG相対輝度と白/黒背景とのコントラストを計算します。

このツールについて

色のWCAG相対輝度を計算し、白背景・黒背景とのコントラストを比較します。

テキスト色、チャート色、アクセシビリティが重要なUI状態を判断する時に使えます。

相対輝度
0.1532
白背景
5.17:1
黒背景
4.06:1

使い方

  1. 1

    必要な値を入力するか、テキストを貼り付けます。

  2. 2

    オプションや単位を目的に合わせて調整します。

  3. 3

    表示された結果を確認し、必要な場所へコピーして使います。

機能

即時結果

値を入力するとブラウザ内で結果がすぐに更新されます。

ブラウザ内処理

入力値はサーバーへアップロードせず、端末内で処理されます。

シンプルな入力

繰り返し使いやすい入力欄と見やすい結果を用意しています。

無料で利用

登録やインストールなしでそのまま使えます。

主な用途

  • 特定の背景色に白文字と黒文字のどちらが合うか確認します。
  • パレット作成前に色の輝度を確認します。
  • アクセシビリティメモ用のコントラスト値を記録します。

関連ツール

開発者ツール