 |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
このサイトは、テキストの配色や文字サイズのテストを手軽に行ってもらえるように作りました。上のカラースライダーを動かすことで、背景色、文字色、リンク色、Vリンク（既読リンク）の色を動的に変えることができます。またカラースライダーからだけではなく、横にある、テキスト入力欄に16進数で入力してENTERキー、もしくは変更ボタンを押すことでも変えることができます。「#99ccff」などの色に変更したい場合、「#」は不用ですので、「99ccff」とだけ入力すれば変更できます。
配色だけでなく、フォントサイズや、行間等も変更することができます。右側にある、テキスト入力欄に数字等を入力して、ENTERキー、もしくは変更ボタンを押すことで変更されます。単位を含めて書くことができますので、フォントサイズに「0.9em」や、「80%」などと指定することができます。単位を書かずに数字だけ入力して変更した場合は、カッコ内に書かれている文字列（例えばフォントサイズであればpx、行間は%など）の単位になります。フォントの種類も変更できます。ただし、OSの種類等により存在するフォントが違いますのでご注意を。
色彩ガイドブック―配色の基本がすべてわかる
配色&カラーデザイン プロに学ぶ一生枯れない永久不滅テクニック
すべての人に知っておいてほしい 配色の基本原則
ウェブ配色 決める! チカラ - 問題を解決する色彩とコミュニケーション
あなたが考えた形式を投稿することができます。左にあるフレームが投稿されたものです。（左にフレームが無い場合はこちらをクリック）変更ボタンを押すことで、誰かが投稿した形式にこの文章が変化します。自分一人で考えるよりも、他の人の考えた形式を参考にすることで、より読みやすい文章を考えていただけるのではないかと思います。また、配色で悩んでる人に、「このような配色はどう？」と指南することもできます。
