HTML与CSS入门——第九章 使用颜色

知识点:

  1.为网站选择颜色的方法

  2.颜色在Web上的工作方式

  3.使用十六进制颜色值的方法

  4.使用CSS设置背景、文本和边框颜色的方法

9.1 选择颜色的最佳方法

  直白地说:根据用户群体找到最佳的颜色。配色方案可以搜索"色彩理论"——简单地来说只要掌握三原色就好。

  使用自然的调色板。只能是不经意之中自然看到的颜色,避免导致视力疲劳的过亮颜色。

  使用小的调色板。依旧是最多关注三四种主要颜色和少数的补色。

  Web设计中的一些常用的配色方案:(色环为基础)

    类比:色环上相邻的颜色,比如黄和绿,一种颜色占据主导地位,相似的颜色用于丰富显示效果。

    补色:色环上相对的颜色,比如暖色(红)和冷色(绿)。

    三元:色换上间隔相等的3中颜色。三元方案提供平衡的同事,允许使用丰富的颜色。

  http://colorschemedesigner.com/上的Color Scheme Generator软件可以允许你从一个基色开始,生成单色、补色、三元、四元、类比和加重类比配色方案。

9.2 理解Web颜色

  学学英语:

    aqua(浅绿),fuchsia(紫红),gray(灰),lime(青柠色),

    maroon(栗子色),navy(藏青),olive(橄榄绿),silver(银灰),

    teal(凫蓝),azure(天蓝),bisque(橘黄),cornflowerblue(矢车菊兰),

    darksalmon(橙红),firebrick(砖红),honeydew(蜜色),lemonchiffon(柠檬黄),

    papayawhip(番木色),peachpuff(桃红),saddlebrown(重褐),thistle(蓟色),

    tomato(茄红),wheat(小麦色),whitesmoke(烟白),magenta(品红)

9.3 使用十六进制颜色值

  #rrggbb,你可以理解为表示红绿蓝各颜色显示的亮度。十六进制表示

9.4 使用CSS设置背景、文本和边框颜色

  有些网站可以检测色盲人士看你的网站是什么样子……http://colorfilter.wickline.org/上的Colorblind Web Page Filter。

 

posted @ 2015-11-19 13:20  小路orz  阅读(217)  评论(0编辑  收藏  举报