前几天一个做前端的朋友问我：“有没有网站带颜色的？”我第一反应是——这问题也太宽泛了。带颜色？站带哪个网站不带颜色？默认白底黑字也是颜色啊。但他补了一句：“就是有没有网颜色那种，你懂的站带，能选颜色、有没有网颜色调颜色、站带看颜色代码的有没有网颜色。”哦，站带那范围就小多了。有没有网颜色他要的站带是配色工具站，或者色板生成器。有没有网颜色

我给他甩了三个链接。站带第一个是有没有网颜色 coolors.co。这站我用了快五年，站带打开就是有没有网颜色一条色带，按空格键随机生成五色方案。每块颜色下面有十六进制码，点一下复制。想锁住某个颜色，点小锁图标，再按空格，其他四块变，这块不动。右边还能调明度、饱和度，导出成 PNG 或 SVG。免费版够用，就是广告有点烦。有次我半夜调一个 landing page 的配色，连按了四十多次空格，终于凑出一组蓝紫渐变，截图发群里，同事说“像极光”。

第二个是 colorhunt.co。这个更简单，首页就是四色一组的卡片瀑布流。没有调色功能，纯浏览。但它的好处是——所有配色都是人挑过的，审美在线。你不需要懂色轮，不需要知道互补色、分裂互补色，直接看哪个顺眼，点进去，复制十六进制码。我有个做独立开发的朋友，每次做新 App 的图标，先来这儿翻十分钟。他说这叫“借别人的眼睛”。

第三个稍微硬核一点：paletton.com。它基于经典的颜色理论，你选一个基色，它自动算出单色、互补、三分、四分、类似色方案。左边一个色轮，右边预览区。你可以拖拽色轮上的点，实时看配色变化。下面还有模拟色盲视角的选项——这点很实用，我之前做数据可视化，用红绿区分两组数据，被一个色弱同事吐槽“根本分不清”。后来用 Paletton 的色盲模拟一查，红绿在他眼里几乎一样。换成了蓝橙，问题解决。

不过话说回来，“带颜色的网站”这个说法本身就有歧义。如果你在搜索引擎里直接敲这几个字，出来的结果大概率不是配色工具。我试过，前几页全是些擦边球内容——什么“夜色蔷薇”“粉红佳人”，点进去全是弹窗广告和诱导下载。所以如果你是想找正经的设计工具，最好把关键词换成“配色方案生成器”或者“color palette generator”。中文搜索环境下，直接说“带颜色”容易被算法带偏。

还有一个冷门但好用的：colorsandfonts.com。这站专门展示“某种颜色配某种字体”的效果。你选一个主色，它给你十几种字体搭配，每种都渲染出实际排版的样子。我写 CSS 的时候经常参考——比如深蓝底配什么无衬线字体不显脏，米白底配什么衬线字体不显旧。它不生成色板，但解决的是“颜色和文字怎么放一起才不打架”的问题。

移动端也有。iOS 上有个 App 叫 PANTONE Studio，免费版能查 Pantone 色号对应的 RGB 和 HEX。做印刷品或者品牌设计的人离不开它。但说实话，我很少在手机上调色——屏幕太小，色差也大。有次在手机上选了个“珊瑚粉”，传到电脑上一看，变成了“三文鱼橘”。所以正经干活还是得用校过色的显示器。

最后说个坑。有些网站号称“AI 智能配色”，你上传一张图片，它提取主色生成方案。我试过几个，提取出来的颜色要么灰蒙蒙的，要么饱和度爆表。原理无非是 k-means 聚类，但聚类数选得不好，结果就离谱。还不如自己用 Photoshop 的“存储为 Web 所用格式”看色板来得准。工具是死的，眼睛是活的。你要是连“这个蓝偏冷那个蓝偏暖”都分不出来，再好的网站也救不了。

所以回到开头那个问题——“有没有网站带颜色的？”有，而且很多。但你要先想清楚：你是要随机灵感，还是要理论计算？是要现成方案，还是要自己调？是想看颜色本身，还是想看颜色怎么用？想清楚了，上面这几个站挑一个就行。别像我那个朋友，问完问题，收藏了二十个链接，最后还是一个都没打开。