Accessibility ToolsLive

WCAG コントラストチェッカー

無料の WCAG コントラストチェッカーを使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

ライブカラースタジオ

ブラウザで実行 - 何もアップロードされません

ライブ

すぐに結果が得られる
サインアップなし
ライブプレビュー

プレビュー

Sample Text Preview

コントロール

前景

背景

Contrast ratio: 14.63:1

WCAG AA (normal)パス

WCAG AA (large)パス

WCAG AAA (normal)パス

WCAG AAA (large)パス

Guide & reference

Quick answer

WCAG コントラストチェッカー — 無料の WCAG コントラストチェッカーを使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。

How to use

色を入力してください: カラー値を入力するか、カラーピッカーを使用します。
結果を見る: ライブプレビューとすべての形式の変換を確認します。
コピーまたはエクスポート: クリップボードにコピーするか、好みの形式でダウンロードします。

Common use cases

CSS およびデザインシステム用に色を変換する Web 開発者。
デザイナーは、アクセスしやすく調和のとれたカラーパレットを構築します。
色彩理論と色空間変換を学ぶ学生。

Common questions

WCAG コントラストチェッカーは無料ですか?: はい、WCAG コントラストチェッカーは完全に無料で、サインアップは必要ありません。
私の色はサーバーにアップロードされますか?: いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。
WCAG コントラストチェッカーはどの形式をサポートしていますか?: ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

はじめに

仕組み

色を入力してください

カラー値を入力するか、カラーピッカーを使用します。

結果を見る

ライブプレビューとすべての形式の変換を確認します。

コピーまたはエクスポート

クリップボードにコピーするか、好みの形式でダウンロードします。

よくある質問

WCAG コントラストチェッカーは無料ですか?

はい、WCAG コントラストチェッカーは完全に無料で、サインアップは必要ありません。

私の色はサーバーにアップロードされますか?

いいえ。すべての処理はブラウザ内でローカルに行われます。色や画像がデバイスから離れることはありません。

WCAG コントラストチェッカーはどの形式をサポートしていますか?

ツールに応じて、HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、CSS、Tailwind、JSON、Flutter、およびマテリアルのエクスポート。

WCAG コントラストチェッカー

Quick answer

はじめに

仕組み

仕組み

利点

一般的な使用例

よくある質問

WCAG コントラスト チェッカー

Quick answer

はじめに

仕組み

仕組み

利点

一般的な使用例

よくある質問

WCAG コントラストチェッカー