![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
上QQ阅读APP看书,第一时间看更新
文前彩图
3.1 色彩基础知识 3.2 色彩的三要素 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00001.jpg?sign=1739260351-X4gN8XVRY0ccQpFFeptnGjozYsqSN5PN-0-c5984d7f3f497d2392733121be49e6a2)
图3-1 阳光被分解后的7种主要颜色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00002.jpg?sign=1739260351-Jp08snndPckCjA9nGNL4uPcNjqsHzxHM-0-d3dcf11e465636739cd79cbfb6dd45d3)
图3-2 相近色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00003.jpg?sign=1739260351-JmP67YTEpqMhboZIHNPloGJKrIqxFCe9-0-ce7601b414b162ccd841cab1cb47e24a)
图3-3 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00004.jpg?sign=1739260351-UySaVB1seGFqqeBB14gp5MhtBTrBBzXn-0-d76fc78d766efb881797d5e4979562a1)
图3-4 暖色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00005.jpg?sign=1739260351-9gDVgC91W0EHrrr4Ks7QiuCFPuqu4zMs-0-2dae225008774843b161a4c8ff32ca49)
图3-5 冷色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00006.jpg?sign=1739260351-KsJngNejBdy71ryCqylEJdnPl6vgR7zS-0-d18cd9c3dc7c7bda8f2d4d77f363e488)
图3-8 色彩的明度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00007.jpg?sign=1739260351-jCaZJA1sWnlAi1Y2LmHY6wqrCfhZSECV-0-d01f185b61e0f53e554f9ef9707ffbe0)
图3-7 十二基本色相
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00008.jpg?sign=1739260351-zyNqFaoTTelD1qdYXUblwgPqlUHlD06d-0-0b418e5a9828c3748655c286109aa039)
图3-9 同一色彩的明暗变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00009.jpg?sign=1739260351-EtgSorchLjJUTtb7woLoCRsCzQFCLzMJ-0-65f9c34601ef9abc4483bf0fce737c0f)
图3-10 色彩的纯度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00010.jpg?sign=1739260351-asNEe9Uzs71h4ewa8jV8DoO1AifEQcFq-0-e10437f63aca513fe393b8316115cf01)
图3-11 以红色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00011.jpg?sign=1739260351-6Ve5VHwaoyESTDIh16DgDXilCvLTT7Sf-0-b84098ecd3e2dde552b954254b62995b)
图3-12 以黄色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00012.jpg?sign=1739260351-ZBFqD0QS8fdlFQzdaY2IxK41uO3xLQXR-0-2c4358b66c84f7432113cfc9f1b75e6a)
图3-13 以蓝色为主的网页
3.1 色彩基础知识 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00013.jpg?sign=1739260351-ZUBEhUE4b03z2tO42QsGQ4NOhT0X463v-0-eeeab8ea681df2402d45d89687e94f48)
图3-6 网页安全色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00014.jpg?sign=1739260351-YXalaoPhs3WZSoYFLXnSAWC7QNQm4HPi-0-4e6a9c02e272ac52d8df725af926954d)
图3-14 以绿色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00015.jpg?sign=1739260351-QeTrMYABtXycZZAm20zPTmjrBjENouTS-0-715a08a11838180f0030bcd0ba4d8613)
图3-15 以紫色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00016.jpg?sign=1739260351-oLMzsF1nV1OZFyBpyfcF6VSpXhusiZK5-0-a4152f0402c40c72c2d53e7eb3b5a22d)
图3-16 以橙色为主的网页
3.3 色彩与心理 3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00017.jpg?sign=1739260351-eVZqLz1564BshgJCRSkU0DUaZM5eDXuf-0-d12020e859922ab93b1719c060272c33)
图3-17 以黑色与灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00018.jpg?sign=1739260351-HCe5nljQip4VNyGSH00OXzvej4MMq135-0-6685791eec47d37b73dd76a7d1a4105f)
图3-18 以灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00019.jpg?sign=1739260351-lk4tGzMlJrGBVrI4vFnEC4yWgpR998Gz-0-d8875279e305efc8b26c446ab82c969a)
图3-19 色彩的鲜明性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00020.jpg?sign=1739260351-HzhE8goaM2ax2PcUlJRKDDiI3nrXk76r-0-3b8c8de339a2fae0df5c8ec0edd7817f)
图3-20 色彩的独特性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00021.jpg?sign=1739260351-hNNP3XFECfTV4shfGPFgFd8MxOUbelbE-0-c59c6db15a03e94f0fb3d82ac26f16e0)
图3-21 色彩的适合性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00022.jpg?sign=1739260351-z5grlXlER35GGGuNRBd4LylWndQyyzNT-0-5bd0837ffda5d4641662eae628a9ffeb)
图3-22 使用同一种色彩搭配的网页示例
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00023.jpg?sign=1739260351-uKCJRwL991jWOe4xitjPviNrv9m8w2oV-0-e4bc58daf8a1848c971e7bca74379957)
图3-23 色环
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00024.jpg?sign=1739260351-UVUhlfdkFlRvWw8WQ4Wg9TJaccQCKfP2-0-e095b899d60169efa76b7de9eaa77d08)
图3-24 原色对比搭配
3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00025.jpg?sign=1739260351-kEYjTsY39aP3rAICKqypx9YDPR3xSovx-0-d26675b6d831f40d7b5b1d6180257e43)
图3-25 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00026.jpg?sign=1739260351-bKEGRylkYokEJu9gcqXMVWwop6NHO5sL-0-57deea1ca4e0d06d4a4d32c9cf526ae8)
图3-26 补色对比应用
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00027.jpg?sign=1739260351-LHMLJsQgzqI5nhBxj3aUh0dzvNyGm4ZK-0-e15b5e2b33056e4fe9bcba1f3cb23ae2)
图3-27 间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00028.jpg?sign=1739260351-thezO5qRdlU6xm0yDu6vj5Q3BPrX3K2D-0-3b3a41e76c4c4d520d1e2dcfceec4998)
图3-28 绿与橙间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00029.jpg?sign=1739260351-gWl9t6DF1STQq93hiVHHOudp6ocwAb3e-0-98ad1b56d06785cb2590a3175eb0b8b9)
图3-29 色彩的面积对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00030.jpg?sign=1739260351-86wURd5jSJ2uSwoLcTIVsDqyswsSutah-0-7d451717118119d96f72664aaf67107f)
图3-30 色彩的数量不超过3种
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00031.jpg?sign=1739260351-tPF9WIKki4IhqbfWs6JUR8hPCeHgzGXv-0-4bfc0f94b3a6e7674ee8b1ddae9f0b24)
图3-31 ColorJack配色工具
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00032.jpg?sign=1739260351-V9kfRgGH1qpNbVZb0Md0A3xgUvS4ntKb-0-0f130b685e01fa86220ad6dff9d4ea18)
图3-32 辅助色