ホームページを新しく立ち上げようとするときに頭を悩ませる事項のひとつにサイトの配色があります。 今回は、色のサンプルと色を変更しながらサイトの配色イメージを確認できるツールを兼ね揃えたサイト「色サンプル(色見本と配色)」を紹介します。

「色サンプル(色見本と配色)」は、Webサイトの作成時に役立つ色見本を提供するサイトで、よく見る色見本だけに留まらず指定した複数の色を視覚的に確認できるツールを兼ね揃えた便利なサイトです。
色見本のカラーチャートは、一般的な Webセーフカラーで選択するほか、「赤色系統」や「オレンジ色系統」などの系統別で選択したり、「鮮やかな」や「薄い」などの一覧から選択することができます。

選択した色はサイト右側のパレットにカラーコードが表示され、「sample」ボタンをクリックすると選択した配色で新しいウインドウにサンプルサイトが表示されます。

サンプルのサイトイメージは複数同時に開くことができるので、いろいろな配色を試して見比べることもできます。
サイトの新規構築時のみならず、リニューアル時には事前に配色イメージがつかめるので便利なのではないでしょうか。
色サンプル(色見本と配色) : http://www.color-sample.com/
●関連記事 ・サイトアイコン「favicon.ico」をWeb上で作成できるサイト ・画面全体に効果のあるブログパーツを提供しているサイト ・CSS(スタイルシート)の基礎からテクニックまでを解説したサイト ・読込中などに表示されるアニメーション画像を簡単に作成できるサイト ・「Ajax」を支えるスクリプト言語「JavaScript」の解説サイト ・自分のサイトが他のブラウザーでどう見えるか確認できるサービス ・自分のサイトでクリックされた場所が分かるサービス「Crazy Egg」
●前の記事
・重力の働くステージ内で宇宙船を操作して目的地に到達させるゲーム ●次の記事
・Photoshop の小技をスクリーンショットを交えて解説しているサイト
よろしければこの記事をブックマークに追加してください。 .
|