![网页设计与网站建设完全实战手册](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=1739360753-TS9hVJ5WZLlQVztufoaLclLhmcr7bESY-0-d3268134e5383633121070126014a25e)
图3-1 阳光被分解后的7种主要颜色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00002.jpg?sign=1739360753-Sxv2OodnRzdlnFO6E2ytWhgdv8Pe8NSi-0-f020d3764f7632f1d9c8e48c52302bfe)
图3-2 相近色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00003.jpg?sign=1739360753-wpLecIOSPZ7mIFZgj7ChjN8ydhyjFL7C-0-25475c7b72ba3dc49a459fd0f16a9ee2)
图3-3 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00004.jpg?sign=1739360753-MrVPJusBAKuZtS2ner0h3Ghi524EmwFK-0-058c4a29e227e03d707f0833ab4645d6)
图3-4 暖色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00005.jpg?sign=1739360753-39rP0YA1mGhkMK5x7PQW47lX2GQvaIMy-0-994c497b61d3eb22105fb8e3d290aecd)
图3-5 冷色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00006.jpg?sign=1739360753-zuBGT2pu5qNjM8Z76n8xNZzcphvlxTXA-0-0775bd24b9a8785c278c82a01bf54348)
图3-8 色彩的明度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00007.jpg?sign=1739360753-GXmhKztd8IUHsE3rDONxsnvNWegRzZh2-0-92751100aa4211c4a77af65777f7c7f7)
图3-7 十二基本色相
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00008.jpg?sign=1739360753-mAIHHyD0Fw4SFK15ztwahKGpseO0rfGu-0-0ec8b98d8b1b713f0bdb56493e0819d9)
图3-9 同一色彩的明暗变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00009.jpg?sign=1739360753-9vzDaI4XPplvK7ikr46CjriYEHUDAKe5-0-2f0aa7e9bc0fbf03ea4ef1654fa6c6da)
图3-10 色彩的纯度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00010.jpg?sign=1739360753-GDqdqpyIgZyZondY4NdhcVZxLzP0rtCM-0-0e2dddf2a62c0a426bc8d80ff514f92e)
图3-11 以红色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00011.jpg?sign=1739360753-qMzxF5YOgLE757Ham8Z1RZreCe8qo9oz-0-206c6e33f36394677829d0428e304e8f)
图3-12 以黄色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00012.jpg?sign=1739360753-vp0RRfHdNLKhKF0ua7DVppzpCMEgqT2C-0-992505a641d55e61dbb5ad3b417376fd)
图3-13 以蓝色为主的网页
3.1 色彩基础知识 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00013.jpg?sign=1739360753-4yZBSvlAVoqcPwhZT5HtShQ41zfm3qh3-0-3cde14617c12d765acf2294cf2f4b112)
图3-6 网页安全色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00014.jpg?sign=1739360753-Xm7W2fLJazthzNs7x9h0nKikIMTY6FML-0-86272cd06b19f5a10ff9bbf23c570ae1)
图3-14 以绿色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00015.jpg?sign=1739360753-6CTaici4N0v9h48xZHJCrpf0wrEUFDlW-0-225355a0864bf14c5adb40c962ca4859)
图3-15 以紫色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00016.jpg?sign=1739360753-0mRmX7ykU45VW1pbYFhpuSl1KKBFTRmN-0-c22d731cb550a0997d4d2cba2ebdcce4)
图3-16 以橙色为主的网页
3.3 色彩与心理 3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00017.jpg?sign=1739360753-uiBTCaZEph50521rF3SPacNWmV5JOt1U-0-55dbcd4b577bb416f46d19616c69127c)
图3-17 以黑色与灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00018.jpg?sign=1739360753-1CJA85J0094Rd9cSEdAd3z4zKTBMmZXM-0-7250e0a360507c57019513b573a6be6b)
图3-18 以灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00019.jpg?sign=1739360753-R0mRI2OxG1SKJYJZwbcHF4tKnf1K2m2I-0-e39fad765665887d609c40e32c933b24)
图3-19 色彩的鲜明性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00020.jpg?sign=1739360753-mLWz9ojpJ9Gdtua12xBoNef9dpgzQHtS-0-88768f6640d3598f5ac1cf24fc9fcbd9)
图3-20 色彩的独特性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00021.jpg?sign=1739360753-TAVtp0ewNdB0MSfUF2dgM4Jx7EmRFRs0-0-484aa13e9cddf305387652afcea2d9af)
图3-21 色彩的适合性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00022.jpg?sign=1739360753-PEnrOYiBFpfNeePhXMjJ1WKSxLJA7RAS-0-0582ed7211f1d333a856240e3ecd305d)
图3-22 使用同一种色彩搭配的网页示例
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00023.jpg?sign=1739360753-rhg2YPfeLrNlU4OzyjqtIa2zV0cjZGrG-0-953b2a8aa3516e1be55cb73293f9479e)
图3-23 色环
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00024.jpg?sign=1739360753-gFbG6E9CJ5qJAxVauPgZdc23oLGzaB8D-0-86df19bcc4c1cda4e6e5c4b5443b5dd8)
图3-24 原色对比搭配
3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00025.jpg?sign=1739360753-k7fyEPuLZ6IMtauJ14ZriZgECUTk1MAI-0-1e6771b93753f8c9df6d3f35822b2fcd)
图3-25 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00026.jpg?sign=1739360753-9cIbKp6qaiAv2KJW0ur8xGVfOvWFOjPt-0-eedfca5731ebad4dd0d1319420a8683d)
图3-26 补色对比应用
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00027.jpg?sign=1739360753-SWRTb9F1fmeZ9a2gIQKUstkrT3Fyr9TK-0-f6133a111d7d0bd45ea905c8ec22ad25)
图3-27 间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00028.jpg?sign=1739360753-fzCY8XNVsjm0poSOMLQtEDV21puHQkYQ-0-0f38325d7e9e1b1d9d30e46f58f70884)
图3-28 绿与橙间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00029.jpg?sign=1739360753-jfwqE5KxHN5kTL4QXvdaKOvq19Uxyh3Z-0-d02e51ec33505b2d642b2f9cffa790b5)
图3-29 色彩的面积对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00030.jpg?sign=1739360753-lhOfNF7FkJeXmaDmVne69cEgn3v3AmlC-0-dd6371c9c6a6bac5b76f4c2e40039393)
图3-30 色彩的数量不超过3种
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00031.jpg?sign=1739360753-tCJ59i0ILuBeUsIygSNZxhvFaySDiFB1-0-c9deb18ac1c4c5a82692abe98ccca0d9)
图3-31 ColorJack配色工具
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00032.jpg?sign=1739360753-YwKWrQyhnoEtutyLDzYQFDilkzBPcoQ1-0-0cb92e5b0f6cd992cfb918d0e17c6702)
图3-32 辅助色