描述一种氛围,得到一套配色
需求说“冷静又现代,像黎明的海面”;配色不会自己冒出来。这个工具把这句话变成一套站得住脚的起始配色 —— 对比度已经先替你查过了。
- 完全在你的浏览器里运行
- 断网也能用
- 不上传
- 不用注册
- 没有水印
正在加载工具……
工作原理
- 用一句话描述感觉、品牌或场景 —— 英文或日文均可。
- 选一种配色规则(类似色、互补色、三角色……),微调变化幅度。
- 复制 CSS 变量或 JSON,或者下载色卡;点一下某个色块就能复制它的 hex 值。
为什么什么都不用上传
这个页面上的每一步操作,都由运行在你浏览器标签页里的代码完成,用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存,在那里被处理,再作为下载写回去。它不会被送到任何地方 —— 不会送给我们,也不会送给第三方。
自己动手验证
- 打开浏览器的开发者工具(F12),选择“网络”(Network)面板。
- 载入你的文件,运行这个工具。
- 你能看到的请求只有这些:工具自己的代码 —— 少数几个重型工具还会从公共 CDN 取它们的开源引擎 —— 外加一条发往 loreatec.jp 的小小访问记录(页面地址和标题,仅此而已)。没有一条带着你的文件。
常见问题
一句话是怎么变成颜色的?
背后是一份精选词库,大约 120 个英文和日文的词语与短语,每一个都会牵动色相、饱和度和明度:“calm”(冷静)偏向清冷柔和,“urgent”(紧急)偏向鲜红,“forest”(森林)偏向深绿,“和風”偏向低饱和度的大地色调。这些牵动会叠加起来,再用一条调和规则把结果在色轮上展开,每一对颜色都会用 WCAG 对比度公式检验。识别出的词语会列出来,整个过程不是黑箱。
这里面用到 AI 了吗?
没有。用的是固定词库加上数值运算 —— 所以同一句话每次都会得到同一套配色,也因此能离线运行。它理解不了一段叙事;它懂的是情绪和色彩词汇,遇到认不出的内容也会照实说。
AA 和 AAA 是什么意思?
WCAG 对比度等级:4.5:1(AA)是正文文字的最低要求,7:1(AAA)更舒适;3:1 只在大号文字上才够用。表格里每个色块都配上白色和接近黑色两种文字色,并列出哪些色块两两搭配能通过 AA。
这个和图片取色工具有什么不同?
那个工具提取的是照片或 logo 里已经存在的颜色。这个工具从文字出发,适合还没有图片的时候 —— 一份需求说明、一串品牌形容词,或者一种氛围。