メインコンテンツにスキップ
ToolShed
ホーム
人気
新着ツール
すべてのツール
読み込み中...
ホーム
カラー
コントラスト比計算
カラー
無料
登録不要
コントラスト比計算
2色のコントラスト比をWCAG基準で計算。AA/AAAレベルの適合判定付き。アクセシビリティ対応の無料オンラインツール。
Input
Result
2色を入力(例:#000000 #ffffff)
Copy
FAQ
よくある
質問
HEX、RGB、HSLのどのフォーマットに対応していますか？
+
コントラスト比計算は主要なカラーフォーマットに対応しています。HEX（#FF0000）、RGB（255,0,0）、HSL（0,100%,50%）など、入力形式を自動判定します。
オフラインでも使えますか？
+
スマートフォンでも使えますか？
+
関連ツール
こちらも
おすすめ
推奨コントラスト色
HEXカラー上に配置するテキスト色(白/黒)を提案する無料オンラインツール。
WCAGコントラスト比
2色のWCAGコントラスト比を計算する無料オンラインツール。カンマ区切りで2色を入力。
アクセシブルカラー生成
WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。
ANSIカラー一覧
ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。
CMYK→HEX変換
CMYKカラー値をHEXに変換する無料オンラインツール。
CSS名前付き色
CSSで使える主な名前付きカラーを一覧表示する無料オンラインツール。
Contrast Ratio | Color Tools | ToolShed | ToolShed