文字色と背景色のコントラストが十分にとれているかチェックできるサイト「Colorable」!

2015/10/09

こんにちは。
今回は文字色と背景色のコントラストが十分にとれているかチェックできるサイト「Colorable」!

文字色と背景色のコントラストが十分にとれているかチェックできるサイトを見つけたので紹介します。

文字色と背景色のコントラストが十分にとれているかチェックできるサイト「Colorable」!

Colorable

colorable

http://jxnblk.com/colorable/demos/text/

 

「Colorable」の使い方

colorable2

まず、「Colorable」のサイトにアクセスします。
「Foreground」に文字色のカラーコードを、「Background」に背景色のカラーコードを入力します。
コントラストが十分にとれている場合は「AAA」と表示されます。

 

colorable3

コントラストが十分にとれてなく、問題がある場合は「Fail」と表示されます。

 

7日間でマスターする配色基礎講座 (DESIGN BEGINNER SERIES)
7日間でマスターする配色基礎講座 (DESIGN BEGINNER SERIES)

 

いかがでしたか。是非、チェックしてみてください!
以上で文字色と背景色のコントラストが十分にとれているかチェックできるサイト「Colorable」!でした。

Related Post

topへ戻る