learn about tertiary colors - zilongxuan001/LearnFreecode GitHub Wiki
了解三次色
理解
电脑主机和屏幕通过混合红、绿、蓝,创造了不同的颜色。这就是现代颜色理论里著名的RGB增加颜色的模型。
Red(R),green(G) 和blue(B),被称为基色(primary colors)。
混合两种基色可以创建二级颜色,比如青色cyan(G+B),洋红色megenta(R+B),黄色(R+G)。
你可以在互补色里挑战里看到这些颜色。这些二级色和不创建它们的基色互为互补色,在颜色轮上和这些基色处于相反的位置上。比如,洋红色(R+B)是由红色和蓝色制成,就和绿色(green)是互补色。
三次色是一种基色和基色的二级色组成。比如,红色是基色,黄色是红色的二级色,两者混合制造出橙色(organge)。这增加了六种颜色到简单的颜色轮,这样总共十二种颜色。
十二种颜色
基色 Red Blue Green
二级色 Cyan(Green+Blue) 紫红色Megenta(Red+Blue) yellow(Red+Green)
三级色 orange(Red+Yellow) rose(Red+ Megenta) spring green(Green+Cyan)
黄绿色chartreuse(Green+Yellow) 天蓝色azure(Blue+Cyan) 蓝紫色violet(Blue+Megenta)
有很多方法可以选择不同的颜色,从而产生在设计上和谐的链接。
有一个使用三次色的例子被称为分散的互补色系(the split-complementary color scheme)。这个色系开始于基色,再配上两种邻近互补的的颜色。这三种颜色在视觉上产生了非常强的视觉反差,而且比两种互补色更巧妙。
举例如下
Color Hex Code
orange #FF7D00
cyan #00FFFF
raspberry #FF007D
(紫红色)
练习
改变orange
cyan
raspberry
的background-color
属性为它们相应的颜色。确定浏览器能够识别颜色的名字
来源
Applied Visual Design: Learn about Tertiary Colors | Learn freeCodeCamp
Split complementary color scheme - Colorpedia
CHANGELOG
2018-10-26 初稿 2018-10-29 11:43:33 补充“练习”和“来源”