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

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

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

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

ウェブ配色ツール Ver2.0

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

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

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

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

関連している記事をピックアップ。あわせてご覧ください。

• 世界中の地震をリアルタイムで地図上に表示する『IRIS Seismic Monitor』
• HTML・CSS・JavaScriptの結果をリアルタイムで確認できる『rendur』
• 無料で使えるブログヘッダー用画像45選
• 画像に使われている色を抽出する『Colors Palette Generator』
• SEOツール『検索エンジン順位チェッカー』を作ってみました
• 偽装（匿名）メールを送信できる『Send Email Message』
• SQLite管理ツール『SQLiteManager』のインストール
• Webジェネレーター・ツールまとめ
• タイル状の背景画像を生成する『Tiled backgrounds designer』
• タイプライター風のGIFアニメーションを生成する「screedbot」

Twitter始めました。気軽にフォローしてくださいね！