テキストと背景の色の組み合わせが適切かどうかを数値で表してくれるWEBサービス「Colorable」

テキストと背景の色の組み合わせが適切かどうかを数値で表してくれるWEBサービス「Colorable」

テキストと背景の色の組み合わせが適切かどうかを数値で表してくれるWEBサービス「Colorable」

Colorableは、テキストと背景の色の組み合わせについて、適切かどうかをチェックしてくれるWEBサービスです。可読性を数値で表してくれます。

Colorableの使い方

Colorableにアクセスします。

下の方にあるつまみを調整して、テキストと背景それぞれの色を変更します。Foregroundがテキスト、Backgroundが背景の色です。

下にあるつまみを調整

右上に小さく表示されている値が、色の相性を示した数値になります。値が高いほど可読性が高いということです。

可読性の値

また、「AAA」と表示されているテキストも可読性を示しています。色の組み合わせに問題がある場合には、文字が「Fail」に変わります。

Fail

なお、色の組み合わせが適切かどうかは、WCAG accessibility guidelinesをもとに判断しているということです。

あとがき

テキストと背景色の組み合わせを決める時に便利ですね。

色の組み合わせで迷った時に参考にできそうです。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です