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 raspberrybackground-color属性为它们相应的颜色。确定浏览器能够识别颜色的名字

来源

Applied Visual Design: Learn about Tertiary Colors | Learn freeCodeCamp

Tertiary color - Wikipedia

Color scheme - Wikipedia

Split complementary color scheme - Colorpedia

CHANGELOG

2018-10-26 初稿 2018-10-29 11:43:33 补充“练习”和“来源”