adjust the color of various elements to complementary colors - zilongxuan001/LearnFreecode GitHub Wiki

调整多个元素的颜色为互补色

理解

互补色的挑战中显示,在颜色轮中相反色放在一起可以让彼此显得更有活力。

然而,如果在网站中被过度使用强烈的视觉对比会显得很刺眼,而且,如果文本被放到互补色的北京总,有时会弄得文本难以阅读。

在实际中,其中一种颜色为主,互补色被用于在网页中给一定的内容带来视觉注意力。

练习

这个网页使用蓝绿色teal(#09A7A1)作为主色,使用橙色orange(#FF790E)作为互补色来让sign-up按钮高亮。

改变headerfooterbackground-color,从black改为teal色。

然后改变h2text的颜色为teal

最后,改变buttonbackground-color为橙色。

来源

Applied Visual Design: Adjust the Color of Various Elements to Complementary Colors | Learn freeCodeCamp

CHANGELOG

2018-10-29 16:05:08