配色「みばえ」いろいろ
take7の配色
本サイトでは、新しいサイトの配色をこれから考えるにあたり、余計な刺激を避けるために、白黒モノトーンを基準にして配色しています。
参考にした先達サイトはこちら「http://jackwmorgan.com/squared/」の「COLOUR」です。
「パワースポット」で採色しますと次の10段階の カラーコードとなります。
#1a1a1a #333333 #4d4d4d #666666 #808080 #999999 #b2b2b2 #cccccc #e6e6e6 #f2f2f2
01 | #1a1a1a |
02 | #333333 |
03 | #4d4d4d |
04 | #666666 |
05 | #808080 |
06 | #999999 |
07 | #b2b2b2 |
08 | #cccccc |
09 | #e6e6e6 |
10 | #f2f2f2 |
00 | 01 | 02 | 03 | 04 | 05 | 06 | 07 |
赤 | 橙 | 黄 | 緑 | 青 | 藍 | 紫 | |
レッド | オレンジ | イエロー | グリーン | ブルー | インディゴ | バイオレット | |
セルのプロパティでカラーネーム指定 |
red #FF0000 |
orange #FFA500 |
yellow #FFFF00 |
green #008000 |
blue #0000FF |
indigo #4B0082 |
violet #EE82EE |
ウイキ | #FF0000 | #FF7F00 | #FFFF00 | #00FF00 | #0000FF | #6F00FF | #7F00FF |
英語版のウイキに特別組み合わせの九重シートがありました。カラーネーム指定(単語入力)による色と微妙に違うものもあります。
なお、カラーネームは、css3(CSS3 Color Module)で決められています。138色あります。
ウィキの「Spectral coordinates」には、残念ながら「indigo」だけは、まだコーディネートされていません。
配色を考えるための参考サイトと実践
配色を考えるため参考サイト | ||
カラーサンプル・コム | カラーヘキサ・コム | 原色大辞典 |
配色見本帳 | #000000 |
たとえば「ブラック=black=#000000」を実例に・・・「漆黒の黒」です。
配色見本帳では「http://ironodata.info/rgb.php?color=000000」となります。このサイトページの中から、ご自分のお好みの色をひとつ選択
- モノトーン(単一色の濃淡や明暗)で配色してみる
- 補色などを意識して複数色で配色してみる
と、大きく2つの方法があります。もちろん組み合わせも、ご自分のお好みがあればそれに越したことはありません。
なお、専門家のご意見も参考に。
「使う色は3色をベースにする・ベースカラー70%、メインカラー25%、アクセントカラー5%くらいの比率がお薦めとか」