![网页设计与网站建设完全实战手册](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=1739603498-R0WptwRT3fvSRXc6lezRH3naaKCHNQYg-0-ebd320575c30517e44025bd69aede59d)
图3-1 阳光被分解后的7种主要颜色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00002.jpg?sign=1739603498-MaDaZzDGxQl4EE8JjXfq3GySI9et3BlN-0-4d72bb12db1bebb291f825b83dc83377)
图3-2 相近色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00003.jpg?sign=1739603498-NRKwP8qks1pwDU4XNTr4T1FoxGmNPlEp-0-15420a95c1d21e238509fc8799c7d8a6)
图3-3 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00004.jpg?sign=1739603498-QNhjK5LnIZddUqbiHU5vBUC64BzZd9TU-0-6a69fafc412d5cacc1b5aeae89488928)
图3-4 暖色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00005.jpg?sign=1739603498-bKe2xuRdyyfFZMoajNSiTApZ8P6PMk81-0-079d66075f21f6d53f4524c249d60097)
图3-5 冷色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00006.jpg?sign=1739603498-93KE3mGjDRCsYTt1I81M3nog6SHiZ8Aw-0-317c90d443aa617a622fb16bbdcc489f)
图3-8 色彩的明度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00007.jpg?sign=1739603498-dkMaZJ0UgAvMDHaL1RecXnW2hM0hoOht-0-f4bfcbffc151c8dbba06726164246cd0)
图3-7 十二基本色相
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00008.jpg?sign=1739603498-SVIchSKzneL7VH2OrtBNLzc6ovL8lb6K-0-ec2a31784d53b17b162d35895b33dd52)
图3-9 同一色彩的明暗变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00009.jpg?sign=1739603498-L8xeUd7YWUXOqK7ouk8C5b9QshloXxWJ-0-641a38935ae4d39eb60c5e250989671e)
图3-10 色彩的纯度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00010.jpg?sign=1739603498-tMPgP4JbExUF3cbPSBVGaaonAsUAXt3P-0-3b20d73977b9e99ff0dbd47fcc9189fc)
图3-11 以红色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00011.jpg?sign=1739603498-PeqUQUT4Drif4Tn1exUrKb71RfehXZo6-0-1e439de24eea2bf484f3d6321f8ea502)
图3-12 以黄色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00012.jpg?sign=1739603498-ki5dXfYjUEGriQv6255SK2b9Xz2WgT93-0-906cf003c4b2f00c60ec77b64b28f88f)
图3-13 以蓝色为主的网页
3.1 色彩基础知识 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00013.jpg?sign=1739603498-spVDCwLALqeh3gG8oylNrQ8ZXIQbUhOs-0-76ce684170adf2b80bb269c60da38541)
图3-6 网页安全色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00014.jpg?sign=1739603498-hnNQ5ZmOhz9a5X8QD3LcVPsBHrlSRsuJ-0-561495480c169ce23b5c3ef639bfe1e9)
图3-14 以绿色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00015.jpg?sign=1739603498-C9QknjlHeuV9xE4khGnL6hvZ8Fv7KHjF-0-cfc44f1f72e7c2bc58ab77925d5d563f)
图3-15 以紫色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00016.jpg?sign=1739603498-ZHc3ZzSpZLO1JFWh1OjDSZa5CH7TNx0E-0-58ea083291501eca296dadd24271345e)
图3-16 以橙色为主的网页
3.3 色彩与心理 3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00017.jpg?sign=1739603498-ybi1QMlTBHSkZvOMaIZV9X2NNmGIMSbP-0-7ac9662e30dea2d36755723772264e12)
图3-17 以黑色与灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00018.jpg?sign=1739603498-plccUYqSciObNqA96EtvEiRAKLOWXpMU-0-f5ad8529d2e230bcfc42de28a144e9b8)
图3-18 以灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00019.jpg?sign=1739603498-XGVbZhhf2zpdIzBkYTCsIm23o93jHafr-0-7b82c8d18997716251e23b7e27d80e07)
图3-19 色彩的鲜明性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00020.jpg?sign=1739603498-g7XLoI7iffUiXI1GQ0yWGC3DOJPjKhyq-0-5284c2c99d0360d7e53685eb9ad3035f)
图3-20 色彩的独特性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00021.jpg?sign=1739603498-bswd9x52oq47yXSCYNvhaNTLQH63d5PM-0-f3c30b1a402e4d82cdb47ad2cc547131)
图3-21 色彩的适合性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00022.jpg?sign=1739603498-fdS3QWrLBtVMKYg6ox0sTEUtxBaXSe47-0-d65370f264ac753e6e150ffaa7bd876a)
图3-22 使用同一种色彩搭配的网页示例
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00023.jpg?sign=1739603498-Fe8HlHUwsaH1VOf98LvUAeL1i30Yn4aB-0-3aabc44279a577da785d0bee8b85d6ab)
图3-23 色环
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00024.jpg?sign=1739603498-D52LyITolhbKwDjLDEeUsEpAAKSG1cPn-0-006483fe51c9d365aa9acae2b643fb6b)
图3-24 原色对比搭配
3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00025.jpg?sign=1739603498-uNDgvWkZ7oXrsrGwy0E1WtOv6Dn3eBz9-0-c4b87062abab0299850f41ae1bd75820)
图3-25 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00026.jpg?sign=1739603498-8B2nacpHUcUYDddPJudsHrFMdcegkDH4-0-9572fa4a296e755288c2ea41abc7b382)
图3-26 补色对比应用
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00027.jpg?sign=1739603498-homD6w4MPpPCSGY2Ef7LEbRuGG0yytJ8-0-8f4f8f1798382fbc9e5590023f6a07c8)
图3-27 间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00028.jpg?sign=1739603498-bh9Sn3soo8uYeLjPxmQUnXbnbNfgVYrz-0-69b42af4aefe3da8c89eb5e7c87703ac)
图3-28 绿与橙间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00029.jpg?sign=1739603498-WVOcr1t1jL3CsxUSpzKHTHhdOm1ealBN-0-fab8a8afea2e4c451346544a5ffc6a1a)
图3-29 色彩的面积对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00030.jpg?sign=1739603498-FrEAPPPOhMpurrc2aoDljjXf1rphRQui-0-5c3462aae7978a8dd8bbcd15df055e87)
图3-30 色彩的数量不超过3种
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00031.jpg?sign=1739603498-m8654B169OSEpCpVK053LFIBDRf9TnQM-0-beccde99624bc4c950dafaed510ce0de)
图3-31 ColorJack配色工具
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00032.jpg?sign=1739603498-JBGOYBkUaiVWteKed3MpTTEOpGnjBqrk-0-16f56f0d595a52b6c0605835ba04f8b8)
图3-32 辅助色