背景色などを指定すると適切な文字色を提案してくれるサイト「Color Safe」!

2015/11/22

こんにちは。
今回は背景色などを指定すると適切な文字色を提案してくれるサイト「Color Safe」!です。

背景色などの情報を指定するとWCAGに基づいたテキストカラーを提案してくれるサイトを見つけたので紹介します。

背景色などを指定すると適切な文字色を提案してくれるサイト「Color Safe」!

Color Safe

color-safe

http://colorsafe.co/

 

「Color Safe」の使い方!

color-safe

Color Safe」のサイトにアクセスして「GET STARTED」のボタンをクリックします。

 

color-safe2

「Background Color」「Font-Family」「Font-Size」「Font-Weight」「WCAG Standard」「Editable Text」の情報それぞれを指定します。
指定したら「Generate Color Palette」のボタンをクリックします。

 

color-safe3

ピックアップされた色が表示されますので、好きな色をクリックして、カラーコードをコピーすればそのまま使えますね。

 

color-safe4

カラーコードはHEXとRGBで切り替える事ができます。

 

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

 

いかがでしたか。文字色に困った時に使ってみてはどうでしょうか。
以上で背景色などを指定すると適切な文字色を提案してくれるサイト「Color Safe」!でした。

topへ戻る