ColorSelector を使ってみる

この記事をフルスクリーンで見るフルスクリーンモードを終了するには Esc キーを押してください。または、ココをクリックしてください。

WebInspector を使ってみる ” の記事に引き続き、富士通株式会社が開発・配布しているツールのひとつ、ColorSelector についてちょっと感想を…..

Windows 版は使っていないので Mac 版だけに限ったことかも知れませんが、ちょっと動作がもっさりしているような気がします。
もうすこしキビキビ動作してくれたら言うこと無しなんですけどねぇ。(私のマシンが遅いのが原因あれば、ごめんなさい。富士通株式会社さんには、あやまらないと…..)
使い方はいたって簡単。
チェックしたい色をスポイトツール機能を使い判定するだけです。
スポイトツールを選択するとディスプレイをスクリーンキャプチャしますので、ColorSelector のウインドウの位置に気をつけないとチェックしたい色が隠れてしまいますので、注意してください。

例えば…

ColorSelector

だと、弱視者(白内障者)の基準で背景色と文字色のコントラストが足りないということですので、文字色の色相はそのままで明度を変えます。

ColorSelector

この場合では、文字色の明度を80%から86%にすると白内障者の基準も OK になります。
このようにとても簡単で便利なツールです。

富士通株式会社のサイトにも書いてありますが、使い道はウェブデザインだけではありません。
印刷物やプロダクト・デザインにも活躍しそうです。
例えば、電化製品のリモコン・ボタンの色をデザインするのに重宝しそうですよね。

ということで、アクセシビリティ関連のツールをいくつか…..

他にもいろいろあるんだろうなぁ。

スポンサーリンク

[quads id=2]

[quads id=2]

  • このエントリーをはてなブックマークに追加

フルスクリーンモードを終了するには Esc キーを押してください。または、ココをクリックしてください。