做网站最怕什么？不是代码写不出来，而是颜色选得让人想吐。很多新手朋友拿着色卡发呆，最后随便挑个蓝色凑合，结果页面看起来像上世纪的产物。这篇东西不整虚的，直接告诉你怎么挑颜色，怎么查代码，让你做出来的网页既专业又耐看。
我干这行十五年了，见过太多老板拿着手机里存的照片说：“我就要这个红，但要比它亮一点。” 这种需求最折磨人。其实颜色这东西，看着简单，里头门道多着呢。今天我就把压箱底的干货掏出来，帮你省下买设计课的钱。
先说个最基础的。很多人不知道，颜色在网页里不是靠嘴说的，是靠代码定的。这就是为什么你需要一份靠谱的网页制作颜色的代码大全。别去网上乱搜那些乱七八糟的教程，容易把脑子搞晕。
我习惯用一种最笨但最稳的方法。打开你的浏览器，随便找个觉得好看的网站，右键点击那个颜色块，选“检查”或者“检查元素”。这时候你会看到一堆代码，里面有个类似 #FF5733 的东西。这就是十六进制颜色码。把它复制下来，粘贴到你的 CSS 文件里，搞定。简单粗暴，但极其有效。
当然，光有代码不够，你得懂搭配。我常跟徒弟说，颜色别超过三种。主色、辅助色、点缀色。主色占60%，辅助色30%，点缀色10%。这个比例记住了，你的页面就不会乱。
比如你想做个科技感的页面，别用大红大绿。试试深蓝色搭配白色，再加点亮青色做按钮。这种组合看着就高级。你要是去翻那本厚厚的网页制作颜色的代码大全，里面肯定有现成的组合推荐。但我不建议你死记硬背，得理解为什么这么配。
还有个坑，就是透明度。很多新手喜欢用 rgba 颜色值，觉得能做出磨砂玻璃效果。确实好看，但要注意对比度。如果背景太花，文字看不清，用户直接关页面。这时候，你可以稍微调低文字的透明度，或者给文字加个阴影。这些细节，才是拉开差距的地方。
我见过一个案例，客户非要红色背景配黄色字。我说这不行，刺眼。他不听，结果上线后投诉率飙升。后来我给他换了个深红背景，配个米白色的字，立马顺眼多了。所以，颜色没有绝对的好坏，只有适不适合。
怎么快速找到合适的颜色？我有几个私藏的工具。一个是 Adobe Color，这个工具能帮你生成配色方案。你选一个基准色，它会自动给你推出一套和谐的颜色。另一个是 Coolors，这个更快，按空格键就能随机生成配色。这两个工具配合使用，基本能解决80%的配色难题。
还有，别忘了移动端。现在大部分流量都来自手机。你在电脑上看着不错的颜色，在手机小屏幕上可能显得太暗或者太亮。记得在不同设备上预览一下。特别是那些浅灰色，在强光下可能根本看不见。这时候，稍微加深一点，或者加大字号，都能改善体验。
最后，说说字体颜色。很多新手喜欢用纯黑 #000000 做正文。其实这样太生硬，看着累。试试用 #333333 或者 #4A4A4A。这种深灰色既有足够的对比度，又不会那么刺眼。这种小技巧，往往能提升整体的质感。
总之，配色不是玄学，是有规律可循的。多观察，多尝试，多积累。当你手里有了足够的案例，再配合一份详细的网页制作颜色的代码大全，你就能游刃有余。别怕犯错，网站是可以随时改的。但要是第一次就做得漂亮，那肯定更省事儿。
记住，好的设计是为用户服务的，不是为设计师自己炫技的。颜色只是手段，传达信息才是目的。希望这些经验能帮到你，让你的下一个项目，从颜色开始就赢在起跑线上。
