css调颜色,CSS3 简单的调色板

CSS

语言：

CSSSCSS

确定

body {

background: #222;

color: #fff;

text-align: center;

margin-top: 7em; }

.logo em {

transform: scale(10);

color: #eee;

opacity: 0.1; }

.title {

font: 48px/1 "Open Sans Condensed", Arial Narrow, sans-serif;

color: #777;

text-transform: uppercase;

margin: 0 0 0.5em; }

.divider {

margin: 2em 0;

border-bottom: 1px solid #444; }

.colors li {

font: 100 3em/5 "Lato", Calibri, Candara, Segoe, "Segoe UI", Optima, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

color: #fff;

-webkit-text-stroke: 2px white;

width: 5em;

height: 5em;

margin: 0.1em;

padding: 0.5em;

display: inline-block;

text-align: center; }

.colors li div {

display: block;

width: 5em;

height: 5em;

border-radius: 50%;

background: rgba(0, 0, 0, .1); }

.color1 {

background: #c64d2b; }

.color2 {

background: #048d04; }

.color3 {

background: #a11b3c; }

.color4 {

background: #e59b1a; }

.color5 {

background: #2d7edb; }

.color6 {

background: #058e9e; }

.color7 {

background: #5638a8; }

.color8 {

background: #404040; }

.color9 {

background: #6a9a1f; }

.color10 {

background: #6bcbca; }