本文深度解析独立开发者打造的配色工具Coolors，月访问量达391万次。文章从核心体验设计、宣传推广路径及SEO搜索流量布局等方面，探讨小需求网站如何通过极致体验和精准获客实现后来居上。
Tags:大家好，我是哥飞。
一个小工具，已经有很多人在做了，还值得再做一个吗？
做网站、找需求时，很容易遇到这个问题。搜一下，发现同类产品一大堆，大公司也在做，便觉得没机会了。
我之前周末在家做网站，需要配色，常用 ColorHexa，配合《给大家看的设计书》里的颜色搭配理论选颜色。顺手查了几个类似网站，发现 Coolors 的流量居然比它还大。
这让我觉得，任何一个垂直小领域，都不容小觑。而且，流量最大的不一定是最早做的，后来者也有机会。
今天聊的 Coolors，就是其中一个。它在 9 月的全球估算访问量约 391 万次，起点却只是让人轻松试几组颜色：按一下空格，换一组；看中哪一种，就锁住它，再继续换其余颜色。
那怎么后来居上？我当时说，要做好两件事：体验足够好，能够满足这些人的需求；会宣传。
Coolors 是个适合拿来聊这两件事的例子。创始人 Fabrizio Bianchi 动手时，Adobe 等公司已经有配色产品了。他为什么还要再做一款？因为自己用过的工具，还没让他选得足够顺手。
他已经用过不少颜色工具。有些功能很全，面板里到处是控件，需要用户自己调整、自己判断怎样搭配；有些又太简单，只能翻看现成的色卡。
如果你已经知道想要什么颜色，这些工具可以帮忙。可很多时候，人还在找感觉：想看看还有没有更好的组合，想留住其中一种颜色，再给它找几个搭配。
他想把这段尝试变得轻松一点。2014 年 10 月，他用一个周末做出了 Coolors 的第一版。
打开以后，五块颜色铺在眼前。按空格，整组换掉；还想看看别的，再按。用户一上来就能试着选颜色。喜欢其中一块，就把它锁住，让其他颜色继续变化。逐渐有了方向，再调整具体色值，保存或导出。
“锁住”让选择有了积累。好不容易看中一种颜色，可以留着它继续试下一种。保留已经满意的部分，只替换还没定下来的部分，才接近人实际选颜色的过程。
他最初并没有打算围绕这一个工具长期做生意。原本的想法是做一批容易上手的免费小工具，给自己的开发者身份增加一点曝光。Coolors 很快得到关注，他才把精力集中到它身上。
Fabrizio 当时在 CodePen 上已有一些关注，便把作品先发在那里。CodePen 是前端开发者展示网页作品的地方，配色恰好是这群人会用到的东西。他先让熟悉这个需求的人看见了产品。
随后，另一位用户把 Coolors 提交到了 Product Hunt。Fabrizio 回忆，当时自己还没在用 Twitter，接下来的传播来自媒体报道和使用者之间的推荐。
到 2014 年 11 月，他披露，网站累计获得约 30 万独立访客，注册用户约 4000 人。原本用来展示开发能力的小作品，已经有了一批使用者。
2015 年接受采访时，他提到，有人给他发消息，说自己已经花了好几个小时，不断按空格换颜色。找配色原本有点费劲，这种随手就能试的方式，甚至让人玩了起来。
体验和宣传，在这里是接着发生的。先做出一个自己觉得顺手的工具，再拿给同样需要配色的开发者使用。有人喜欢，才有后面的转发、推荐和报道。作品展示给这群人，他们可以当场试用，也能把链接发给有相同需求的朋友。
有哪些地方可以介绍自己的产品，我以前转载的《独立开发者用得上的30个免费产品推广渠道》里整理过。Coolors 的起步很具体：先从创始人熟悉、也确实需要这个工具的圈子开始。
用户越来越多，访问和保存的数据也越来越多。免费工具的运行费用，得有人持续承担。
到了 2022 年，Fabrizio 解释，Coolors 已经免费运行了七年，服务过 300 多万用户，流量和数据库存储带来的成本，让他难以继续承担。因此，他把部分功能放进了付费版。
收费之后，他也继续补上选颜色后面的工作。2023 年，他推出设计预览，让用户看看一组颜色放到实际版式里是什么样，并把生成器里已有的操作教程组件用到新功能上。他还给邮件订阅者发了介绍，告诉老用户网站增加了什么。
如今，免费版依然可以生成最多五种颜色的组合，从图片里取色，也能保存少量配色。收费版则提供更多颜色、更多保存和项目整理空间，去掉广告，并开放更完整的设计预览等功能。
第一版只是让他自己更容易选颜色。后来有了使用者，也逐步增加了选颜色之后的功能。今天的设计预览、图片取色等工具，就围绕这个需求接着往下做。要理解它的体验，可以从最初那个动作开始看。
体验足够好，好在哪一步？
现在打开首页，最显眼的两个入口依然是“开始生成”和“浏览配色”。一个让你自己试，一个让你先看别人已经做好的组合。
我从生成器开始试。页面给出五种颜色，每一块下面都有色值。我先锁住第一块浅灰绿色，再按空格，另外四块换成了深蓝、红色、浅蓝和灰蓝，第一块保持不变。
如果已经有品牌主色，或已经选定一张图片里的某种颜色，就把它锁住，专心挑其余几种搭配。颜色代码也跟着显示出来，选中的结果能够带到自己的网页里。
颜色选好了，接下来还要看它们怎样用在页面上。背景占的面积很大，按钮可能只有一点，标题和正文又有不同的视觉分量。同样一组颜色，分配方式不同，感觉也会变。
生成器里的设计预览就接在这里。打开它，刚才那组颜色会被放进网页、名片等版式里。我试的那组浅灰绿、深蓝和红色，也同步出现在预览中。用户能直接看：深色做标题是否清楚，鲜艳颜色用在图形里会不会过于抢眼。
预览里有“查看全部 30 多种设计”的 Pro 入口。已经选出一组配色，还想多看几种版式中的效果，用户就在这里遇到付费选项。免费试出的那组颜色可以接着用，升级增加的是可预览的设计版式。
确定以后，导出菜单提供图片、PDF、CSS、SVG 等选项。展示给别人和用进代码，是两种不同的后续工作，同一组颜色可以按需要带走。
同样是生成几种颜色，区别就藏在这些操作里。看中一种以后，留住它继续试；选好以后，可以放到设计中看效果；决定用了，又能按需要导出。从挑选到使用，用户顺着页面里的操作就能走下去。
所以，讨论“体验足够好”，可以看看做这件事的人，在哪一步容易停下来。Coolors 对选颜色的改进就很具体：把反复调整控件的过程，变成了先看结果、保留喜欢的部分、再继续试。想试另一组搭配，按空格就行；已经选中的颜色，留在原处等你挑其余几种。
用一遍现有工具，找找哪些操作还费劲，就可能发现后来者能改进的地方。
会宣传，让需要的人找到你
Coolors 最早是在 CodePen 上被开发者看见，后来有人提交到 Product Hunt，再有媒体报道和口碑传播。今天，搜索也成了一个大的入口。Similarweb 估算，它在 9 月的全球月访问量约 391 万次。
其中，自然搜索约占 53%，直接访问约占 38%。想知道它怎么被人找到，可以看看人们具体在搜什么。
我查了美国关键词数据。“color palette”，也就是配色方案，估算月搜索量约 16.5 万；“color palette generator”，配色生成器，约 7.4 万。Coolors 在这两个词下都排在第一位，对应首页。
搜这两个词时，用户还在找配色方法，首页可以让他开始尝试。已经有了方向的人，则会把具体颜色或风格写进搜索词里。
比如“blue color palette”和“pastel color palette”，分别是蓝色配色和粉彩配色，估算月搜索量各约 1.2 万，排名都在第一位，进入的却是各自的配色集合页。
我打开蓝色页面，顶部直接写着 Blue Color Palettes，下面就是一组组可以比较的配色：有蓝配黄色、橙色，也有浅蓝配粉色的组合，每块都有可用的颜色代码。
想做蓝色主题的人，还需要知道蓝色怎么和其他颜色搭在一起。页面直接把几种搭配摆出来，他可以围绕已经选定的蓝色比较现成方案。看中浅蓝和粉色，就拿这组继续做；想要深一点的蓝色，也有别的组合可以比较。
还有一类人已经有了图片。他搜索“color palette from image”，想从图里提取配色，结果进入图片取色工具；已经有了前景和背景颜色的人，搜索“color contrast checker”，进入对比度检测工具，看文字是否容易辨认。
对比度工具把文字颜色和背景颜色分开输入，结果也分小字、大字展示。同样一组颜色，用来画图可能好看，放到正文里却不一定容易读清。这个页面就继续处理选好颜色之后的问题。
这也是宣传的一种做法：知道用户会怎样描述自己的问题，让相应页面出现在他寻找答案的地方。搜蓝色配色，就看到蓝色组合；搜图片取色，就能上传图片。用户在找解决办法的过程中，也就认识了 Coolors。
查词还有一个容易漏掉的发现。哥飞 SEO Agent 的回答指出，按估算搜索流量排序的前 100 个词中，排在最前面的是“font generator”，对应字体生成器。它的估算月搜索量约 100 万，Coolors 排第五。
我也打开这个页面，输入 Coolors，得到了一列不同样式的文字，可以复制使用。这项功能服务的是想改变文字外观的人，官网写的用途是社交平台。今天的 Coolors 已经从配色延伸到了其他视觉小工具，颜色生成器是它的起点，字体生成器也是现在的搜索入口。
今天的整站访问，来自配色和字体等多个工具入口。Fabrizio 后来还持续做功能、给邮件订阅者介绍新工具。网站增加了新的用途，也通过搜索、邮件等方式，让需要这些功能的人知道它能做什么。
早点上线，才有后面的事
当时我还说，时间也很重要：越早上线，被人传播得越久，就有可能获得更多流量。
Coolors 的这十多年里，有使用者推荐，有新功能上线，也有新的搜索入口。产品持续改进，传播也有了更多机会。第一版先上线，这些事情才有机会陆续发生。
Fabrizio 当时看到 Adobe 等公司已经做了配色工具，仍然动手试了自己的想法。一个周末做出的第一版，就拿给别人用了。后来的关注和反馈，让他决定围绕这个工具继续做下去。
所以，看到同类网站，先别急着说没机会。去用一用，看哪一步还不顺；有了想法，把第一版做出来，拿给真正需要的人试。体验做好了，也要让这些人知道你做了什么。
这也是我当时为什么催大家立刻行动。第一版上线，才会有人用、有人提意见。带着这些反馈继续研究需求、继续改网站，方向也会更具体。
在“哥飞的朋友们”社群里，我们也会一起找需求、做网站，交流上线后的问题和结果。想做的人多迈出这一步，后面的讨论才有具体东西可聊。
如果你是第一次看我的文章，也简单介绍一下我自己。
我是哥飞，做网站和 SEO 很多年了，现在在运营“哥飞的朋友们”社群。平时我会和大家一起研究怎么挖掘需求、做网站、获取流量，再把流量变成收入。
如果你想进一步了解我和这个社群，可以从下面几篇文章开始：
想先了解我为什么做这个社群，以及它为什么能持续三年：
想看社群朋友如何把 SEO 和做网站变成真实结果：
我的4000人出海创业社群里，靠SEO赚到钱的人都做对了什么？
想看看社群里的分享和交流是什么样：
650位朋友来到深圳，在哥飞的朋友们2026年中分享交流会里都学到了这些
想看看大家如何在一天里把想法做成上线的网站：
一个词根、一个白天、175支交卷的队伍——“哥飞的朋友们”上站Hackathon深圳站侧记
如果看完之后觉得这个社群适合你，可以加哥飞微信咨询了解。
微信搜索框，输入 361079，点击查找 QQ 号，就能加哥飞微信了。
没有评论:
发表评论