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。