ホームページの制作-デザイン/配色参考サイト

配色/素材

デザイン/配色参考サイト

デザイン/配色参考図書

素材提供サイト

素材集（書籍）

基礎からわかるホームページの配色

自分でウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイトです。

ColorBlender

自分でウェブサイトの配色を行うためのツールです。合う色を自動的に選んでくれます。色のバランスがずれないので重宝しますよ！

Webセーフカラー配色チャート

Webセーフカラーの配色をWeb上で確認できるサイト。色番号を調べたり、実際の配色の様子をチェックしたりするのに使えます。

ColorSelector（カラーセレクター）

作成中のサイトが、「アクセシビリティの高い背景色と文字色の組み合わせになっているか」を確認したい時等に、便利なツールです。

GoodLogo!com（英語）

世界中の様々なロゴに関する情報を参考にできるサイトです。

Color Scheme Generator 2

テーマカラーとなるベースカラーを１つ選ぶと、補色や等色相差などを表示して、配色用にいくつもの色を生成してくれるウェブアプリサイト。

ｗｅｂ2.0風サイトを作るのに必要なモノあれこれ。

このサイトはweb2.0的サイトをデザインするに必要とされる要素をまとめてくれた記事です。 要するにweb2.0的デザインって？と思ったらこのサイトをご覧下さい。 今、webを解ってるな！って思わせたいデザインにしたい方は必見。 web1.0のサイトと差をつけましょう！

MARS　FLAG　見える検索エンジン

検索結果は全てサイトのトップページが見えます、調べたい業種をキーワードに入入れてサイトの出来の良さそうなトップページを探しましょう。

colorcombos.com

たくさんの色見本があるので、サイトの配色に煮詰まった時に是非おすすめです。

Dark Eye

世界中のデザイナーの、何千ものカスタムウェブデザインを閲覧可能。 たくさんのサイトが集まったショーケースなので、色々見て勉強してください！