オフィスそのほか LinuxMacThe Paciello GroupWeb デザインWindowsフリーソフト

Colour Contrast Analyser 3.5.3

スポンサーリンク
説明機能仕様ダウンロード画像使い方

Web ページやアプリケーションのカラーコントラストをチェックするツール

Colour Contrast Analyser
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

Colour Contrast Analyser は、Web ページのテキストの読みやすさ/見やすさや、アプリケーションのユーザーインターフェースやグラフィックオプジェクトの視覚効果のコントラストをチェックすることができるアプリケーションです。

Colour Contrast Analyser は、ウェブコンテンツのアクセシビリティの指標になっている WCAG (Web Content Accessibility Guidelines) 2.1 に準拠しています。

誰でもかんたんに使うことができます

Colour Contrast Analyser

Colour Contrast Analyser の使い方はかんたんで、基本的には文字色と背景色を入力するだけです。HEX や RGB 値でカラーコードを入力するほかに、スポイト(カラーピッカー)ツールを使って画面上から色を取得することができます。

色の情報を入力すると、すぐさまコントラスト比やコントラストの適合/不適合といった結果が表示されます。

Web ページやアプリケーションのデザイン時に役立つツール

Colour Contrast Analyser は、前景色(文字色)と背景色の組み合わせの可視性とコントラストを分析するのに役立つシンプルなアプリケーションです。色覚の人がどう見えるのかといったシミュレーションも行うことができます。

機能

  • WCAG 2.1 準拠指標
  • 色を設定するいくつかの方法:テキスト入力(有効な CSS カラー形式を受け入れる)、RGB スライダー、カラー ピッカー(Windows および macOS のみ)
  • 前景色のアルファ透明度のサポート
  • 色覚シミュレーター

仕様

価格:無料
ライセンス:フリーウェア
動作環境:Windows 7|8|8.1|10|11・Mac・Linux
メーカー:TPGi
使用言語:日本語ほかマルチ言語
最終更新日: 2か月前 (2024/05/06)
ダウンロード数:1133

ダウンロード

CCA-Setup-x64-3.5.3.exe windows (installer) 1133 ダウンロード
CCA-Portable-x64-3.5.3.exe windows (portable) 220 ダウンロード
CCA-3.5.3.dmg mac (dmg) 196 ダウンロード
CCA-3.5.3.zip mac (zip) 202 ダウンロード
Colour-Contrast-Analy…-Setup-3.5.3.AppImage linux (appimage) 90 ダウンロード
Colour-Contrast-Analyser-Setup-3.5.3.deb linux (deb) 86 ダウンロード
Colour-Contrast-Analyser-Setup-3.5.3.rpm linux (rpm) 83 ダウンロード

画像

Colour Contrast Analyser

ユーザーインターフェース

Colour Contrast Analyser

コントラストの測定

Colour Contrast Analyser

色盲(色覚)シミュレーター

Colour Contrast Analyser

設定

使い方

インストール

1.インストール方法(Windows)
  • インストール先を確認して[インストール]をクリックします。

Colour Contrast Analyser

 

  • インストールが完了しました。[完了]をクリックしてセットアップウィザードを閉じます。

Colour Contrast Analyser

基本的な使い方

1. 基本的な使い方
  • 「前景色」に文字色を入力します(手動で入力するか、スポイトツールを使って画面上の色を取得できます)。
  • 「背景色」に背景色を入力します(手動で入力するか、スポイトツールを使って画面上の色を取得できます)。
  • 「サンプルのプレビュー」で出力をプレビューできます。
  • 下に、コントラストの計測値(コントラスト比)と WCAG の結果が表示されます。

Colour Contrast Analyser

 

  • 表示」>「色覚タイプごとのシミュレーション」を選択すると、色覚の人にどう見えるかをシミュレートできます。

Colour Contrast Analyser

 

  • 設定」を選択すると、アプリの設定ができます。

Colour Contrast Analyser

よくある質問と回答

ライセンスについて。

Colour Contrast Analyser は、どなたでも無料で使用できます。