相対輝度計算ツール – WCAGカラーコントラスト
相対輝度計算ツールは、色がどれだけ明るく見えるかをWCAGスケールで測定します。黒が0、白が1です。sRGBの伝達関数と視覚的重み付けを適用して輝度を計算し、黒または白のテキストを選ぶ切り替え点として0.179を使います。色を入力し、利用可能なオプションを調整して、結果を確認して作業用にコピーしましょう。
相対輝度計算ツールは、WCAGの相対輝度の定義を使って色がどれだけ明るく見えるかを測定します。値は黒の0から白の1の範囲です。このブラウザベースのツールは、色上の黒と色上の白のコントラストが切り替わる点として0.179のしきい値も使い、明色・暗色テキストの選択に役立てます。
使うには、色を入力・貼り付け・ドロップし、必要に応じて利用可能なオプションを調整して、結果を確認します。計算ではsRGBの伝達関数と各チャンネルに対する目の感度が考慮されます。その後、結果をコピーして自分のワークフローに使えます。入力では特定の色入力形式や個々のオプションの説明は記載されていないため、それらの詳細はツールのインターフェースを確認してください。
相対輝度はこのスケールで色がどれだけ明るく見えるかを表します。コントラスト比と同じものではありません。0.179の切り替え点は黒と白のテキストを選ぶ根拠となり、インターフェースの色のレビューやパレット作業に計算が役立ちます。開発者やデザイナーは、この値をテキスト色の判断材料として使えますが、完全なアクセシビリティ評価とはみなさないでください。
ツールは完全にブラウザ上で動作し、入力はお使いのデバイス上で処理されます。アップロード、保存、サーバーへの送信は一切行われません。無料で、ページの読み込み後はインターネット接続なしで動作します。そのため、相対輝度計算ツールは、ソフトウェアのインストールやオンラインサービスとの色データ共有なしに素早い色チェックをしたい開発者、デザイナー、DevOpsエンジニアに役立ちます。
手順1: 入力として色を入力・貼り付け・ドロップします。ツールはそれで相対輝度を計算します。
手順2: 必要に応じて利用可能なオプションを調整します。オプションがありますが、具体的な設定はここでは説明しません。
手順3: 計算された輝度と、明色・暗色テキストの選択を確認します。0.179のしきい値は、色上の黒と色上の白のコントラストの切り替え点です。
手順4: 結果をコピーして、開発やデザインのワークフローに使います。
用途: ローカルツールをインストールせずに色の相対輝度を計算します。開発中に素早い結果が必要な場合に便利です。
用途: インターフェースの色に対して明色・暗色のどちらのテキストが推奨されるか確認します。0.179のしきい値がその選択の根拠になります。
用途: 手元のマシンのブラウザ上で作業します。ソフトウェアをローカルに設定せずに、色を入力して結果をコピーできます。
用途: 社内の色データをサードパーティのサービスに貼り付けるのを避けます。計算はブラウザ上で行われ、入力はサーバーに送信されません。
用途: デザインシステムやアプリケーションパレットで使われる色をレビューします。相対輝度の計算がテキスト色の選択の判断材料になります。
用途: アクセシビリティレビュー中にクイックチェックを行います。結果は、色に対して黒と白のどちらのテキストが適切かの判断に役立ちます。