title01.gif
イメージ別にホームページの配色をシミュレート




モダンな配色 − アール・デコ調、レトロな雰囲気もある



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#000000
0
0
0
 
#4D678C
77
103
140
 
#5C9481
92
148
129
 
#A69268
166
146
104
 
#C25D76
194
93
118
 
#8092B7
128
146
183
 
#88C2B5
136
194
181
 
#E68E8A
230
142
138
 
#CCCCAF
204
204
175
 
#DCDEDC
220
220
220
 
#F0E3C2
240
227
194
 
#FAFAFA
250
250
250



-------------------------------------------[INDEX]------------------------------------------



クラシックな配色 − 明度、彩度ともに低い濁色で重厚な印象



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#3A4F63
58
79
99
 
#578053
87
128
83
 
#7A7626
122
118
38
 
#7A463D
122
70
61
 
#784267
120
66
103
 
#588288
88
130
136
 
#967321
150
115
33
 
#CC99A7
204
153
167
 
#AEB57B
174
181
123
 
#BFB25E
191
178
94
 
#EDE7CA
237
231
202
 
#FAFAFA
250
250
250



-------------------------------------------[INDEX]------------------------------------------



洋風の配色 − 明るく洒落た感じ



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#838CCC
131
140
204
 
#ADCF5F
173
207
95
 
#DEC143
222
193
67
 
#FFAB56
255
171
86
 
#E86687
232
102
135
 
#97DEC5
151
222
197
 
#DFE852
223
232
82
 
#FADC57
250
220
87
 
#FFC3C1
255
195
193
 
#FAF0AC
250
240
172
 
#E9F2DA
233
242
218
 
#F7F2DF
247
242
223
 
#FAFAFA
250
250
250



-------------------------------------------[INDEX]------------------------------------------



和風の配色 − 茶室のような渋さと落ち着き



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#547E9E
84
126
158
 
#E08B4A
224
139
74
 
#B55B51
181
91
81
 
#826E45
130
110
69
 
#6F9C43
111
156
67
 
#A68850
166
136
80
 
#A8A81E
168
168
30
 
#92B046
146
176
70
 
#CCB965
204
185
101
 
#A2B8BA
162
184
186
 
#D4D9B4
212
217
180
 
#DBD9BF
219
212
191
 
#FAFAFA
250
250
250



-------------------------------------------[INDEX]------------------------------------------


-------------------------------------------[HOME]------------------------------------------




Copyright (C) Dproject