web2.0でよく使用される配色

3207 ワード


<style type="text/css">
	#color div{color:#999999; font-size:12px;width: 400px;height: 80px;margin: 0px auto;margin-bottom:10px;}
	.style1{
	border:1px solid #96C2F1;
	background-color: #EFF7FF
	}
	.style2{
	border:1px solid #9BDF70;
	background-color: #F0FBEB
	}
	.style3{
	border:1px solid #BBE1F1;
	background-color: #EEFAFF
	}
	.style4{
	border:1px solid #CCEFF5;
	background-color: #FAFCFD
	}
	.style5{
	border:1px solid #FFCC00;
	background-color: #FFFFF7
	}
	.style6{
	border:1px solid #92B0DD;
	background-color: #FFFFFf
	}
	.style7{
	border:1px solid #A9C9E2;
	background-color: #E8F5FE
	}
	.style8{
	border:1px solid #E3E197;
	background-color: #FFFFDD
	}
	.style9{
	border:1px solid #ADCD3C;
	background-color: #F2FDDB
	}
	.style10{
	border:1px solid #F8B3D0;
	background-color: #FFF5FA
	}
	.style11{
	border:1px solid #D3D3D3;
	background-color: #F7F7F7
	}
	.style12{
	border:1px solid #BFD1EB;
	background-color: #F3FAFF
	}
	.style13{
	border:1px solid #FFDD99;
	background-color: #FFF9ED
	}
	.style14{
	border:1px solid #CACAFF;
	background-color: #F7F7FF
	}
	.style15{
	border:1px solid #A5B6C8;
	background-color: #EEF3F7
	}
	.style16{
	border:1px solid #CEE3E9;
	background-color: #F1F7F9
	}
	.style17{
	border:1px solid #CAE3FF;
	background-color: #F4F9FF
	}
	.style18{
	border:1px solid #C9D9EE;
	background-color: #ECF8FF
	}
	.style19{
	border:1px solid #5C9CC0;
	background-color: #F2FAFF
	}
	</style>

<div class="style1">#EFF7FF #96C2F1</div>
<div class="style2">#F0FBEB #9BDF70</div>
<div class="style6">#FFFFFF #92B0DD</div>
<div class="style3">#EEFAFF #BBE1F1</div>
<div class="style4">#FAFCFD #CCEFF5</div>
<div class="style5">#FFFFF7 #FFCC00</div>
<div class="style7">#E8F5FE #A9C9E2</div>
<div class="style8">#FFFFDD #E3E197</div>
<div class="style9">#F2FDDB #ADCD3C</div>
<div class="style10">#FFF5FA #F8B3D0</div>
<div class="style11">#F7F7F7 #D3D3D3</div>
<div class="style12">#F3FAFF #BFD1EB</div>
<div class="style13">#FFF9ED #FFDD99</div>
<div class="style14">#F7F7FF #CACAFF</div>
<div class="style15">#EEF3F7 #A5B6C8</div>
<div class="style16">#F1F7F9 #CEE3E9</div>
<div class="style17">#F4F9FF #CAE3FF</div>
<div class="style18">#ECF8FF #C9D9EE</div>
<div class="style19">#F2FAFF #5C9CC0</div>