使い方: 色コントラストチェック(WCAG)

色コントラストチェック(WCAG) はブラウザ内で即座にverify text contrast ratios against WCAG AA/AAAできる無料のオンライン色ツールツールです。データを貼り付けてオプションを選ぶだけで結果がリアルタイムに得られます——インストール不要、登録不要、サーバーへの送信も一切ありません。

色コントラストチェック(WCAG) を今すぐ使う →

説明

Verify text contrast ratios against WCAG AA/AAA.

  • 色ツール
  • すべての計算がクライアント側で行われるため、APIキーやトークンなどの機密データにも安心して使えます。
入力 色コントラストチェック(WCAG) 出力 100% ブラウザ内で動作——データは端末から送信されません。
色コントラストチェック(WCAG) — 入力 → 出力

使い方

色コントラストチェック(WCAG) の使い方は3ステップ：

  1. 入力ボックスにデータを貼り付け（または例を読み込み）。
  2. 目的の形式やシーンに合わせてオプションを調整。
  3. 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
使い方 · 色コントラストチェック(WCAG) 1 入力ボックスにデータを貼り付け（または例を読み込み）。 2 目的の形式やシーンに合わせてオプションを調整。 3 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
使い方

実行

例

Against #ffffff background.

入力

#777777

出力

#777777 on #ffffff

Contrast ratio: 4.48:1

WCAG 2.1:
  AA  normal text (≥4.5):  ✗ FAIL
  AA  large text  (≥3):    ✓ PASS
  AAA normal text (≥7):    ✗ FAIL
  AAA large text  (≥4.5):  ✗ FAIL
  UI components   (≥3):    ✓ PASS

Verdict: Large text only (AA)

此输出由工具真实运行产生，并非人工编写。

ユースケース

色コントラストチェック(WCAG) が役立つ場面：

  • Verify text contrast ratios against WCAG AA/AAA.

パラメータ

このツールにオプションはありません。入力に対してそのまま動作します。

FAQ

Color Contrast Checker (WCAG) とは？

verify text contrast ratios against WCAG AA/AAAためのツールです。すべてブラウザ内で動作するためデータは外部に出ません。

無料で使えますか？

はい。無制限・登録不要・インストール不要で使えます。

データは送信されますか？

いいえ。すべての処理はローカルで実行され、サーバーには送信されません。

注意事項

  • 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。

関連ツール

16 進色選択Interactive picker with HEX, RGB and HSL output.色 Code 変換Convert between HEX, RGB, HSL and named colors.色パレット生成Shades, tints and complementary schemes from one color.乱数色生成Batch random colors with copyable codes.CSS 名前付き色リファレンスAll 148 CSS color names with codes and previews.色混色Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

色コントラストチェック(WCAG) → · 色ツール →

色コントラストチェック(WCAG) を今すぐ使う →