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>