Web ページやアプリケーションのカラーコントラストをチェックするツール
Web ページやアプリケーションなどのテキストの読みやすさ／見やすさの指標になるコントラストを計測することができる、Windows および Mac、Linux 向けのフリーソフト。かんたんに Web ページなどのコントラストをチェックできます。
Colour Contrast Analyser の概要
Colour Contrast Analyser (CCA) は、テキストの読みやすさと、グラフィックコントロールやビジュアルインジケーターなどの視覚要素のコントラストを判断するのに役立つアプリケーションです。
Colour Contrast Analyser の機能
Colour Contrast Analyser の主な機能です。
| 機能 | 概要 |
|---|---|
| メイン機能 | コントラストのチェック／計測 |
| 機能詳細 | ・背景色と前景色（文字色）のコントラストを計測する ・色覚シミュレーター ・WCAG 2.1 準拠指標 |
Web ページなどのカラーコントラストをチェックできます
Colour Contrast Analyser は、Web ページのテキストの読みやすさ／見やすさや、アプリケーションのユーザーインターフェースやグラフィックオプジェクトの視覚効果のコントラストをチェックすることができるアプリケーションです。
Colour Contrast Analyser は、ウェブコンテンツのアクセシビリティの指標になっている WCAG (Web Content Accessibility Guidelines) 2.1 に準拠しています。
誰でもかんたんに使うことができます
Colour Contrast Analyser の使い方はかんたんで、基本的には文字色と背景色を入力するだけです。HEX や RGB 値でカラーコードを入力するほかに、スポイト（カラーピッカー）ツールを使って画面上から色を取得することができます。
色の情報を入力すると、すぐさまコントラスト比やコントラストの適合／不適合といった結果が表示されます。
Web ページやアプリケーションのデザイン時に役立つツール
Colour Contrast Analyser は、前景色（文字色）と背景色の組み合わせの可視性とコントラストを分析するのに役立つシンプルなアプリケーションです。色覚の人がどう見えるのかといったシミュレーションも行うことができます。
機能
- WCAG 2.1 準拠指標
- 色を設定するいくつかの方法：テキスト入力（有効な CSS カラー形式を受け入れる）、RGB スライダー、カラー ピッカー（Windows および macOS のみ）
- 前景色のアルファ透明度のサポート
- 色覚シミュレーター
仕様
ダウンロード
画像
ユーザーインターフェース
コントラストの測定
色盲（色覚）シミュレーター
設定
使い方
インストール
1.インストール方法（Windows）
- インストール先を確認して［インストール］をクリックします。
- インストールが完了しました。［完了］をクリックしてセットアップウィザードを閉じます。
基本的な使い方
1. 基本的な使い方
- 「前景色」に文字色を入力します（手動で入力するか、スポイトツールを使って画面上の色を取得できます）。
- 「背景色」に背景色を入力します（手動で入力するか、スポイトツールを使って画面上の色を取得できます）。
- 「サンプルのプレビュー」で出力をプレビューできます。
- 下に、コントラストの計測値（コントラスト比）と WCAG の結果が表示されます。
- 「表示」＞「色覚タイプごとのシミュレーション」を選択すると、色覚の人にどう見えるかをシミュレートできます。
- 「設定」を選択すると、アプリの設定ができます。
Colour Contrast Analyser は、どなたでも無料で使用できます。