网站风格制作典型配色方案

蓝雨

　　粉红色主要是红色系中的明度的高亮度的变化。是红色系里的冷色系。RGB数值显示明度较高，因此HSB中S纯度下降，几乎呈最低值。

　　主色调和辅助色调数值对比可知：主色调混合的G的份量较多且明度较高，因此纯度较低，色调柔和，在框架区域内较适合做类似背景色的辅助性岗位。辅助色R数值比主色调的R数值稍高，红色性稍明显，加入的G相对少，B明度稍低，因此相对纯度要高，辅色位置应用在框架区域的导航位置，起到突出导航作用。点睛色突出标志及购物主体的作用。

　　背景白色除了突出前面粉红色主体的作用，在前景也有出现，背景色与前景色的相互牵制，减少空间距离的效果。

　　

蓝雨

　　严格上来说，橙色是蓝色的对比色，这组对比色中的橙红色倾向于红色。

　　该页面的背景色使用纹理图形由深至浅的制造空间范围，模拟真实环境。这里的数值选取其中间色值来分析，由于背景蓝色B的明度较低，又由于冷色比暖色视觉传递速度慢的特点，很适合作为辅助角色突出前景的应用。主色调橙红色R的数值达到最高值255，SB都达到了最高值100%，视觉刺激非常强烈，运用大面积高纯度来突出蓝色产品主体物，又形成了一次页面上的视觉对比--背景蓝色与前景橙红色，前景橙红色与产品主体物蓝色的二次对比。

　　点睛色白色，使这组对比色在页面中表现得更协调，调和的作用。

　　

蓝雨

　　红色与黑色的搭配在商业设计中，被誉为商业成功色，鲜亮的红色多用于小面积的点缀色。

　　从数值上看，红色添加了G和B饱和度稍降低，因此该红色大面积使用不会觉得刺激或不舒服，这也与背景色蓝色加入了适量渐变的技法，使得页面的节奏呈现缓和。辅助色黑色的加入，与深红色在明度拉大，页面色彩元素相对活跃不少。

　　点睛色白色，所放的位置和面积，起到平衡黑色位置面积的作用，当然也达到醒目的效果。

　　

蓝雨

　　这组配色，达到最高纯度的红色做小面积的使用。虽然这里选取了红色做为辅助色，但从整个页面的功能和所表达的主题来看，红色可以作为该页面的点睛色，强烈的突出了主题。

　　红色的数值显示，HBS中的H为0度，达到红色特性的最高值，S为最高饱和度100%，在明度最低的黑色背景的衬托下，其特性发挥到极致，页面醒目而响亮。

　　红色与黑色本是对比强烈的配色，但由于背景灰色的作用，缓和整个页面的视觉刺激度。背景色灰色RGB数值变化不大，因此颜色纯度较低、趋于平稳柔和，辅助前景内容的呈现。

　　白色让前景和背景的划分更明显，活跃页面中的色彩元素。