配色で、サイトのイメージは違ってきます。
また、『ピンクで可愛らしいデザイン』にしたい！と思っても、人によって
【ピンク】も【可愛らしい】も幅があります。
あなたが思うピンクを私たちは再現したいのです。
それにはカラー番号を指定して頂くのが一番！
もしくは「こんなサイトみたいな・・・。」等の具体的なリクエストも参考になります。
今日はサイトやブログの
【配色】を考える際に便利なサイトを２つご紹介します。
■
Color-Sample.Com
（http://www.color-sample.com/）総合的に参考になります。 例えば「ピンク」をクリックすると、FlickrやInstagramのピンクカテゴリーの画像を抽出してくれたり、ピンク色系のサイトをピックアップしてくれます。
■
Color Scheme Designer
（http://colorschemedesigner.com/）カラーパレットジェネレーターです。好きな色を選ぶと配色をサポートしてくれます。最初は取っつき難いかと思いますので簡単に使い方をご説明します！
実は感覚的に操作できてとっても簡単ですよ＾＾！
■まずは
http://colorschemedesigner.com/にアクセスするといきなり下のページが表示されますｱﾜ((ﾟﾟддﾟﾟ ))ﾜﾜ!!
■１．の
「Hues」のタブをクリック。 色の丸の中で大体の色を選びます。
２．小さい丸のどれかをクリックします。配色の種類が選べます。左から
mono - 単色
complement - 反対色
triad - 三色調和
tetrad - 四色調和
analogic - 類似色
accented analogic - 類似色とアクセント色
の配色で右側に色のパレットが表示されます。
パレットの色にカーソルを合わせるとカラーコードも表示されます。
■３.の
「Adjust scheme」で、彩度・明度を調節します。
難しく考えずに、四角の枠の中の丸を感覚的に動かしてしっくりくる位置を探します。
操作に順序もないので、何度でも簡単にやり直せます。
■Color Listのタブをクリックすると６.のように配色のカラーコードが表示されます。
■７．右のパレット下の
Light page example か
Dark page example のタブをクリックするとサンプルページが表示されてサイトのイメージが確認できます。
この説明を見なくても、適当にぐりぐり押していれば
意外と簡単に操作できちゃいますよー！
是非ためしてみて下さいね♪
こんにちは！まひろです。
