配色「みばえ」いろいろ

take7の配色

本サイトでは、新しいサイトの配色をこれから考えるにあたり、余計な刺激を避けるために、白黒モノトーンを基準にして配色しています。

参考にした先達サイトはこちら「http://jackwmorgan.com/squared/」の「COLOUR」です。

「パワースポット」で採色しますと次の10段階の カラーコードとなります。

#1a1a1a  #333333    #4d4d4d    #666666    #808080    #999999    #b2b2b2    #cccccc #e6e6e6 #f2f2f2

wbmono01

 

01 #1a1a1a
02 #333333 
03 #4d4d4d
04  #666666
05 #808080
06  #999999 
07 #b2b2b2
08 #cccccc
09 #e6e6e6
10 #f2f2f2

 

 


ちなみにtake7とくれば「七色」に結びつきます。
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」となります。このサイトページの中から、ご自分のお好みの色をひとつ選択

  1. モノトーン(単一色の濃淡や明暗)で配色してみる
  2. 補色などを意識して複数色で配色してみる

と、大きく2つの方法があります。もちろん組み合わせも、ご自分のお好みがあればそれに越したことはありません。

なお、専門家のご意見も参考に。

 

「使う色は3色をベースにする・ベースカラー70%、メインカラー25%、アクセントカラー5%くらいの比率がお薦めとか」