配色の適用例をリアルタイムに確認できる配色ツール『ウェブ配色ツール Ver2.0』

配色の適用例をリアルタイムに確認できる配色ツール『ウェブ配色ツール Ver2.0』

新たなウェブ配色ツールが登場しましたよ!

『ウェブ配色ツール Ver2.0』は基本色を選ぶとその色にマッチした配色を作ってくれるのはもちろんのこと、その配色の適用例をリアルタイムに表示してくれます。

配色ツールを使ったのは良いけど、その色をどのように使うか迷ってしまう人(←私です^^;)にとって、このプレビュー機能は嬉しいですね。

スポンサーリンク

ウェブ配色ツール Ver2.0

プレビューのヘッダー画像も変更可能!ヘッダー画像と配色の相性も確かめることができます。
ヘッダー画像も変更可能

このヘッダー画像部分の文にも注目。コレはなかなか役に立つお言葉ではないでしょうか。最後の「食は万里を超える」は謎ですが(笑)、その他のお言葉は覚えておいて損は無さそう。

  • リンクの色も読みやすく
  • ロゴが読めないと、サイトを覚えてもらえない
  • 背景色は薄い方が長文は読みやすい
  • 背景色が暗い場合は、色相差は控えめに
  • 読めない配色に一切の価値なし
  • 本文テキストに意味不明な装飾を施さないこと
  • 中明度の背景色は出来るだけ避ける
  • 赤と緑の高彩度色は要注意色
  • 色使いが苦手な人は、色相差を0°に近づける
  • 緩やかなグラデーションが配色を助ける
  • 広めに余白を取るだけで解決出来ることは多い
  • 赤と緑の組み合わせを避ける
  • 悩んだときには色の面積を減らす
  • 地味なテクスチャは配色を和らげる
  • 食は万里を超える

ところで、このツールはVer2.0とのことですが、バージョンが表記されているということは今後アップデートが行われるということでしょうか?すごく便利なツールなので、更にパワーアップしてくれると嬉しいですね。期待してます。

スポンサーリンク

『配色の適用例をリアルタイムに確認できる配色ツール『ウェブ配色ツール Ver2.0』』へのコメント

  1. 名前:さかもと 投稿日:2010/08/16(月) 21:32:35 ID:d77f0963b

    ツールの作者です。ご紹介いただきありがとうございます。

    >>このツールはVer2.0とのことですが、バージョンが表記されているということは今後アップデートが行われるということでしょうか?

    以前に作ったもう少し簡単なツールが存在するので、今回のが2.0ということになりました。気力があれば、また更新していきたいと思っています。

    旧配色ツール
    http://bit.ly/cfcL9d

  2. 名前:ヨシダ 投稿日:2010/08/16(月) 22:25:49 ID:4873ff806

    なるほど。以前に作った配色ツールがあるから、今回のはVer2.0なんですね。
    疑問に答えていただきありがとうございます^^

    それにしても、この配色ツール本当に便利ですね~。これからガンガン活用させていただきます^^