WEBデザイン・開発教室のWEB配色用カラータグチャートと配色シミュレーション
WEBデザイン制作・開発講義WEB Design&Development Lecture
WEB配色シミュレーションとカラータグチャート
WEB配色シミュレーションとカラータグチャート
WEBカラーチャートとカラー値入力表示
| Pure ピュア |
Clever クレバー |
Mild マイルド |
Young ヤング |
Serious シリアス |
Heavy ヘビー |
Hard ハード |
Plain プレーン |
Elder エルダ |
Neutral ニュートラル |
||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| p1 | #FF0000 | c1 | #FF6666 | m1 | #FF9999 | y1 | #FFCCCC | s1 | #CC3300 | h1 | #660033 | hd1 | #CC6666 | pn1 | #CC9999 | e1 | #996666 | w0 | #FFFFFF |
| p3 | #FF6600 | c3 | #FF6633 | m3 | #FF9966 | y3 | #FFCC99 | s3 | #CC6600 | h3 | #663333 | hd3 | #CC6633 | pn3 | #CC9966 | e3 | #8B7473 | k10 | #EEEEEE |
| p5 | #FF9900 | c5 | #FF9933 | m5 | #FFCC33 | y5 | #FFCC66 | s5 | #CC9933 | h5 | #996633 | hd5 | #996600 | pn5 | #D3AA9A | e5 | #999966 | k25 | #CCCCCC |
| p7 | #FFFF00 | c7 | #FFFF33 | m7 | #FFFF66 | y7 | #FFFFCC | s7 | #CCCC00 | h7 | #666600 | hd7 | #CC9900 | pn7 | #CCCC66 | e7 | #999933 | k40 | #AAAAAA |
| p9 | #99CC33 | c9 | #CCFF33 | m9 | #CCFF66 | y9 | #CCFF99 | s9 | #99CC00 | h9 | #336600 | hd9 | #99CC66 | pn9 | #CCCC99 | e9 | #666633 | k50 | #999999 |
| p11 | #00CC66 | c11 | #33CC66 | m11 | #66CC99 | y11 | #CCFFCC | s11 | #009966 | h11 | #006633 | hd11 | #339900 | pn11 | #99CC99 | e11 | #669966 | k60 | #888888 |
| p13 | #00CC99 | c13 | #33CC99 | m13 | #66CCCC | y13 | #99FFCC | s13 | #006666 | h13 | #336666 | hd13 | #339999 | pn13 | #99CCCC | e13 | #669999 | k75 | #666666 |
| p15 | #0099FF | c15 | #0099CC | m15 | #66CCFF | y15 | #CCFFFF | s15 | #006699 | h15 | #336699 | hd15 | #3399CC | pn15 | #9AB6C6 | e15 | #4A5F6F | k90 | #333333 |
| p17 | #0000FF | c17 | #3366FF | m17 | #6699CC | y17 | #99FFFF | s17 | #003399 | h17 | #003366 | hd17 | #0066CC | pn17 | #9AA8BB | e17 | #4B5468 | k100 | #000000 |
| p19 | #6600CC | c19 | #6633CC | m19 | #9999CC | y19 | #99CCFF | s19 | #663399 | h19 | #333366 | hd19 | #333399 | pn19 | #9999B0 | e19 | #666699 | カラー値入力表示
# |
|
| p21 | #993399 | c21 | #CC33CC | m21 | #CC99CC | y21 | #CCCCFF | s21 | #660099 | h21 | #663366 | hd21 | #9966CC | pn21 | #ACA0B2 | e21 | #996699 | ||
| p23 | #CC0066 | c23 | #FF6699 | m23 | #FF99CC | y23 | #FFCCFF | s23 | #CC0099 | h23 | #660066 | hd23 | #993366 | pn23 | #BEA7B4 | e23 | #663366 | ||
配色シミュレーション
| 3色の配色 | アクセント | 3色横グラデーション | 2色縦グラデーション | 2色横グラデーション | ||
|---|---|---|---|---|---|---|
