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




元気な配色 − オレンジ・イエロー・グリーンのビタミンカラーで若々しく、溌剌としたイメージ



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#FF8080
255
128
128
 
#FFD440
255
212
64
 
#FFF550
255
245
80
 
#9FFF40
159
255
64
 
#40FFC2
64
255
194
 
#70D4FF
112
212
255
 
#DD8CFF
221
140
255
 
#FF8CFB
255
140
251
 
#E6E6E6
230
230
230
 
#FFEBFF
255
235
255
 
#FFFFDC
255
255
220
 
#FAFAFA
250
250
250



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



おだやかな配色 − 明るい暖色で和み系に



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#F5B66E
245
182
110
 
#BBCC80
187
204
10
 
#D6C188
214
193
136
 
#E0CC7B
224
204
123
 
#F0B3A8
240
179
168
 
#FFD69A
255
214
154
 
#A7DE9B
167
222
155
 
#ABCEBD
171
206
189
 
#F2F2B7
242
242
183
 
#FAECC3
250
236
195
 
#FAFAFA
250
250
250



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



ナチュラルな配色 − 若葉の頃のイメージ



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#8EBDE6
142
189
230
 
#88D979
136
217
121
 
#EBCC67
235
204
103
 
#B5DFE6
181
223
230
 
#B2E0B4
178
224
180
 
#AEEB4D
174
235
77
 
#D7E58C
215
229
140
 
#DAF763
218
247
99
 
#EAF736
237
247
54
 
#FAF5D4
250
245
212
 
#FAFAFA
250
250
250



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



フォーマルな配色 − 黒・グレー・紺のスーツカラー



  ■ black
  ■ white
  ■ darkgray
  ■ red
  ■ darkorang
  ■ chocolate
  ■ mediumseagreen
  ■ royalblue
  ■ mediumorchid
color
Top
Left
Right
Bottom
code
R
G
B
 
#404040
64
64
64
 
#4A5580
74
85
128
 
#5A66A6
90
102
166
 
#6D85A6
109
133
166
 
#9D9DAB
157
157
171
 
#B5B5CA
181
181
202
 
#E6E6F0
230
230
240
 
#F0EED5
240
238
213
 
#B84D4D
174
77
77
 
#248724
36
135
36
 
#FAFAFA
250
250
250



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


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




Copyright (C) Dproject