做站久了，你会发现有个东西特磨人。不是代码报错，也不是服务器崩了。是配色。
真的，选颜色这事儿，比写JS还让人头秃。
今天咱不整那些虚头巴脑的理论。我就以过来人的身份，跟你唠唠怎么用最笨但最稳的办法，搞定html颜色代码。
先说个真事儿。上周有个新手朋友找我，说他的网站看着“土”。我一看源码，好家伙，红配绿，还都是高饱和度的。那种亮红 #FF0000 配那种荧光绿 #00FF00。
这哪是网站啊，这是红绿灯成精了。
很多人觉得，颜色嘛，随便挑个好看的就行。大错特错。
颜色是有情绪的。你用的html颜色代码不对，用户看一眼就想关网页。
咱们得讲究个“克制”。
我一般推荐新手用“60-30-10”法则。
60%的主色，通常是背景或者大面积色块。建议用低饱和度的灰、白、米色。
30%的辅助色，用来区分板块，比如侧边栏、卡片背景。
剩下10%，才是你那个醒目的按钮颜色，比如购买按钮、登录按钮。
这时候，html颜色代码就派上用场了。
别再去翻那些花花绿绿的色卡了，太累。
我给你分享几个我私藏的“保命”配色组合。
第一个，极简商务风。
背景用 #F5F7FA，这是一种很浅的灰蓝，看着干净。
文字用 #2C3E50，深蓝灰，比纯黑 #000000 柔和多了，长时间看眼睛不累。
强调色用 #3498DB，经典的科技蓝。
这三个代码，你直接复制粘贴到CSS里，网站瞬间就有“大厂”范儿。
第二个，温暖亲切风。
适合博客、生活类网站。
背景 #FFF9F0，带点暖黄的白。
文字 #4A4A4A，深灰。
强调色 #E67E22，橙色，看着就有食欲，想点击。
记住，千万别用纯黑做正文文字。那是印刷时代的习惯，屏幕上看，纯黑对比太强，刺眼。
用深灰，比如 #333333 或者 #333333，体验好太多。
再聊聊hex代码和rgb的区别。
很多人问，为啥大家都用六位十六进制，比如 #FFFFFF？
其实rgb(255,255,255)也没毛病。
但hex更短，写起来快。而且方便计算透明度。
比如你想让背景有点透明，rgba(255,255,255,0.5) 比 hex 难记多了。
不过现在CSS3支持了hsl，就是色相、饱和度、亮度。
这个更直观。
比如 hsl(200, 100%, 50%)，你一看就知道是蓝色，而且饱和度100%，亮度50%。
想调浅点？把50%改成80%就行。
不用再去网上找色值对比了。
这点一定要学会，对提升效率帮助巨大。
还有个小技巧，叫“取色器”。
看到别人网站配色好看，别干瞪眼。
浏览器装个插件，或者用系统自带的吸管工具。
但要注意，别直接抄人家的代码。
因为人家可能用了特殊的字体颜色，或者背景图叠加。
你得自己微调。
比如你吸出来的颜色是 #AABBCC，觉得太淡了。
那就手动把后两位改大点，变成 #AABBDD。
一点点试，直到顺眼为止。
最后，给个忠告。
颜色不是越多越好。
一个页面，主色不要超过3种。
多了，就乱了。
就像穿衣服，全身上下超过三个亮色，就像个圣诞树。
咱们做站，是要给人看的，不是来炫技的。
清晰、舒适、重点突出，这才是好配色。
把这些html颜色代码背下来几个常用的，以后干活快如闪电。
别犹豫，现在就打开你的编辑器，试试那组 #F5F7FA 和 #2C3E50。
你会发现，世界突然安静了。
