Rechroma

基于 Oklab/Oklch 感知色彩模型的 Web 端调色板工具,帮设计师从单色或图片出发构建结构化的色彩系统

In-depth Report

  • Rechroma 是一款面向设计师和前端开发者的 Web 端色彩工作流工具,专注于帮用户从单色或图片出发,构建结构化的调色板和完整色彩系统。它以感知色彩模型 Oklab 和 Oklch 为核心,提供 3D 色彩空间可视化、智能调色板推荐、色阶生成、角色分配、对比度验证和 Figma 同步等能力。在产品定位上,Rechroma 不只是一款「取色器」,而是一套从灵感到落地的完整配色工作流。

  • Rechroma 的具体开发者信息和公司背景在公开资料中较少披露。从网站域名注册信息和产品属性来看,它很可能由独立设计师或小型设计工具团队打造,目标用户群明确指向 UI/UX 设计师、品牌设计师和前端开发者。 产品的技术核心围绕 Oklab/Oklch 色彩模型展开。Oklch 是 Björn Ottosson 在 2020 年提出的感知均匀色彩模型,相比传统的 HSL/HSV 或 CIELAB,它在色相、明度和彩度的感知一致性上表现更优,近年被 CSS Color Level 4 纳入标准。Rechroma 选择 Oklch 作为底层色彩空间,在技术选型上处于领先。 根据产品使用条款,用户上传的调色板、色彩系统、标签、项目数据和图片的所有权归用户所有,Rechroma 仅提供托管和处理服务。条款中还明确提到了为期七天的 Pro 试用,以及 2026 年 12 月 31 日前的新 Pro 订阅早鸟定价,说明产品已经进入商业化阶段。

  • Rechroma 的核心能力集中在以下几个模块: 从色彩或图片生成调色板。用户输入一个品牌色或上传一张参考图,然后通过 3D 色彩空间中的可拖动手柄,将结果精炼成一套协调的调色板。这个流程是引导式的,而不是一步到位的自动生成,让设计师在探索过程中有充分的掌控感。 3D 感知色彩工作区。这是 Rechroma 最突出的特色。传统调色工具通常以线性色条或色轮展示颜色,而 Rechroma 在三维空间中同时展示明度(Lightness)、彩度(Chroma)和色相(Hue)三个维度,用户可以在立体空间中直观观察调色板的结构。设计师可以拖动手柄微调颜色位置,整个交互体验类似于在三维空间中「雕塑」一个调色板。 调色板推荐。产品内置了多种推荐风格,包括 Bright Mixed(明亮混搭)、Saturated Contrast(饱和对比)、Soft Neutral(柔和中性)和 Split Complementary(分裂互补)等方向。用户可以在同一个 3D 空间内切换不同方向进行对比,而不是每次切换都刷新页面。 色阶生成与角色分配。设计师可以为 UI 设计系统生成全套色阶,取代手动逐级调色的繁琐过程。从 50 到 950 的色阶可以一键生成,并可快速分配角色的用途,如主色、辅色、中性色等。 对比度验证。调色板生成后可以直接在工具内进行 WCAG 级别对比度检查,无需复制到第三方工具。对比度验证被集成到整个工作流中,而不是作为一个独立的后处理步骤。 导出与 Figma 同步。色彩系统可以导出为 CSS、SCSS、PDF 等格式。Figma 插件的存在是一大亮点——同步时会创建或更新本地颜色变量,不会修改已有的图层内容,与设计系统的 token 化工作流高度契合。 从实际体验来看,Rechroma 最大的优势在于它将从「灵感获取」到「设计系统落地」的多个环节串在了一起。设计师不用在 Coolors、Adobe Color、Contrast Checker、Figma 之间反复切换,一个工具就能完成调色板探索、精炼、验证和交付。

  • Rechroma 提供七天 Pro 试用,不需要绑定支付方式。根据服务条款,Pro 订阅到期后会自动续费,但具体定价在官网上暂不可查——定价页面返回 404,用户需要在应用内查看方案详情。早鸟定价截止到 2026 年底。 商业模式上,Rechroma 走的是 SaaS 订阅制路线。考虑到产品面向的是专业设计师群体而非大众用户,定价应该会参照 Figma 插件生态的常见区间。

  • 由于 Rechroma 相对较新,公开的用户评测不多。从 UStack 等第三方工具目录的收录反馈来看: 正面评价集中在产品把多种色彩工具整合在单一工作流中的设计理念,尤其是 3D 色彩空间和 Oklch 模型的使用被认为技术选型新颖、有前瞻性。Figma 同步功能受到设计系统团队的好评,因为直接更新 local variables 而非修改图层内容的设计,与现有设计 token 工作流搭配良好。 负面反馈主要集中在两个方面:一是定价信息不透明,官网上找不到明确价格;二是插件的集成范围目前只有 Figma,对于使用 Sketch、Adobe XD 或其他设计工具的设计师来说覆盖不够。 一位来自 UStack 的评测者评价:「Rechroma 把色彩设计从『凭感觉选』变成了『结构化的工作流』,这一点比很多老牌工具走得更远。但定价不透明是硬伤。」

  • Rechroma 所在的色彩工具赛道已经非常拥挤。主要的竞品包括: Coolors。市场占有率最高的调色板生成器之一,功能丰富,但底层依然是传统的 HSL 模型,在感知一致性上不如 Oklch。Coolors 的优势在于快速生成和社区分享,劣势在于缺乏系统化的色阶管理和设计系统落地能力。 Adobe Color。依托 Adobe 生态,与 Photoshop、Illustrator 等工具深度集成。色彩规则基于传统色轮数学,提供互补色、三分色等经典方案。功能覆盖面广,但在感知色彩模型方面没有跟进。 Khroma。同样以 AI 驱动的调色板工具闻名,通过训练用户偏好来生成个性化配色。Khroma 在灵感和探索方面很强,但在色阶生成、角色分配和对比度验证等系统化工作流方面缺失。 Colors 等开源工具。很多轻量级调色板工具功能单一,仅提供拾色或导出 HEX 的基本能力。 Rechroma 在竞品中的差异化定位很清晰:它不以「快速生成好看的颜色」为目标,而是帮助设计师「建立一套有结构、可复用、可交付的色彩系统」。这种定位决定了它更适合有设计系统需求的成熟团队,而非需要快速灵感的个人设计师。

  • 目前 Rechroma 的争议点不多,主要风险包括: 定价信息不透明可能影响用户信任度。对于一个面向专业群体的工具来说,隐藏价格是让潜在用户犹豫的因素。 产品更新节奏不明。由于开发团队较小,产品的长期维护和功能迭代速度存在不确定性。 色彩输出受显示设备、色彩配置文件和实际生产环境影响存在偏差,这在服务条款中也有明确说明。用户需要注意将工具内效果与实际落地效果区分开。 与设计工具生态的绑定深度不足。目前只有 Figma 插件,对于使用其他设计工具的团队吸引力有限。

  • Rechroma 最适合以下人群:需要建立或维护设计系统的 UI/UX 团队;从事品牌视觉设计、需要输出规范色板的品牌设计师;希望从感知色彩模型入手的开发者;已经使用 Figma 并希望通过同步简化色彩管理的工作流。 不太适合的场景:只需要快速取色或偶尔生成几个颜色搭配的用户;不关心设计系统和色彩规范的个人项目;使用 Figma 以外设计工具的设计师。 建议尝试的路径:先用七天的免费试用期探索 3D 色彩空间和推荐功能,把现有项目中的一个色板导入 Rechroma 精炼,体验从调色到导出 Figma local variables 的完整闭环。

  • Rechroma 是一款在技术和理念上都走在前面的色彩工作流工具。它选择了 Oklab/Oklch 这样更科学的色彩模型作为技术底座,用 3D 交互取代了传统的二维色轮,把色彩设计从「凭感觉」提升到了「有结构」的层面。如果你正在搭建或维护一个设计系统,并且已经在用 Figma 做交付,Rechroma 值得一试。但如果你只是偶尔需要配色的个人用户,简单快速的 Coolors 可能更合适。

User Reviews

  • 头像
    Alice.Brooks
    After a day of trial, feel Rechroma's biggest value is the 3D color visualization. Dragging palette in 3D space feels completely different from Coolors, and Oklch color steps look indeed more uniform than HSL on screen.

  • 头像
    Kenneth.Watson_2020
    Figma sync directly updating local variables, this design idea really better than many plugins, won't touch existing layer content, design token workflow instantly smooth. Hope later support more design tools.

  • 头像
    AchrafRodijk
    After 7-day trial wanted to pay but pricing page returns 404, searched around not knowing Pro price, this experience really off-putting.

  • 头像
    SHill_7643
    As independent designer, quite like its built-in palette recommendation modes, Bright Mixed and Saturated Contrast two directions easy to switch, much easier than building palette from scratch.

  • 头像
    xRosaSørensen
    Contrast verification done directly in tool, no copy to third party to check WCAG, this step indeed saves switching time.

  • 头像
    n5axk4ym
    Tried generating palette from an image, accuracy quite high. But after done wanted export PDF found not complete enough, output layout a bit simple, may need own beautification.

  • 头像
    星辰_5
    Rechroma turns color design from feeling-based selection into structured workflow, this goes further than many old tools. But opaque pricing is a fatal flaw.

  • 头像
    browngoose368
    Our team uses Rechroma for design system palette maintenance, one-click color step generation plus role assignment indeed useful, 50 to 950 steps no need calculate ourselves.

  • 头像
    EmiliaWood
    Used to Coolors then switching over a bit uncomfortable, Rechroma more systematic, not the space-bar-for-color fast pace.

  • 头像
    yellowmeercat825
    Don't understand why pricing not public, searched half a day no specific price. Product philosophy good, but dare not even show price, how trust to use.

  • 头像
    Jerry_BellIII
    3D color space first use indeed stunning, but daily work 3D view frequency actually not high, more use color steps and role assignment features.

  • 头像
    SharonWilson_2021
    If Sketch and Adobe XD plugins also made would be perfect. Currently only Figma plugin, team members using other tools basically can't use.

  • 头像
    云烟737
    Just got early-bird access, price fairly reasonable. But product feature update speed a bit slow, don't know long-term maintenance.

  • 头像
    NHill520
    Doing brand project pulled a complete color system from brand color, from generation to export CSS and Figma tokens all done in one go.