Colorableは、テキストと背景の色の組み合わせについて、適切かどうかをチェックしてくれるWEBサービスです。可読性を数値で表してくれます。
Colorableの使い方
Colorableにアクセスします。
下の方にあるつまみを調整して、テキストと背景それぞれの色を変更します。Foregroundがテキスト、Backgroundが背景の色です。
右上に小さく表示されている値が、色の相性を示した数値になります。値が高いほど可読性が高いということです。
また、「AAA」と表示されているテキストも可読性を示しています。色の組み合わせに問題がある場合には、文字が「Fail」に変わります。
なお、色の組み合わせが適切かどうかは、WCAG accessibility guidelinesをもとに判断しているということです。
あとがき
テキストと背景色の組み合わせを決める時に便利ですね。
色の組み合わせで迷った時に参考にできそうです。