Rechroma icon

Rechroma

Rechroma 是一款基于网页的色彩工作流工具,可从颜色或图片构建结构化调色板和色彩系统,支持推荐、色阶生成、对比度验证,并可导出到 Figma 和代码。

Rechroma

概述

Rechroma 是一款用于构建结构化调色板和完整色彩系统的色彩工作流产品。它结合了感知色彩模型、调色板推荐、色阶生成、对比度检查和导出工具,使设计师能够从图片或种子颜色开始,生成一个有组织的系统。

该产品以 Oklab 和 Oklch 为核心,并提供 3D 色彩空间视图,帮助用户同时查看亮度、色度和色相。首页还展示了用于探索调色板方向、预览色彩系统、分配角色以及将输出同步或导出到 Figma 和代码的工作流。

来源条款说明,调色板、色彩系统、标签、项目数据和上传的图片仍归用户所有,而 Rechroma 为提供服务会托管并处理这些内容。条款还记录了符合条件的工作区可享受为期七天的 Pro 试用,以及在 2026 年 12 月 31 日当日或之前开始的新 Pro 订阅可享受早鸟定价。

功能

从颜色或图片创建调色板

从单一颜色或图片开始,然后将结果细化为一个协调统一的调色板。首页将调色板构建描述为一个引导式工作流,而不是一步完成的选择器。

3D 感知色彩工作区

Rechroma 使用 Oklab 和 Oklch 按亮度、色度和色相组织颜色。界面包含 3D 色彩空间视图和可拖拽控制点,便于探索调色板结构。

调色板推荐

产品会根据感知色彩关系和调色板模式推荐和谐的调色板。它还允许你比较明亮混合、高饱和对比、柔和中性和分裂互补等方向。

色阶与角色分配

生成色阶并为 UI 和设计系统工作分配色彩角色。首页明确强调的是可直接使用的色阶和色彩系统,而不是孤立的色块。

对比度验证

在导出或同步调色板之前验证对比度,以支持无障碍决策。页面将对比度检查定位为构建和优化系统的同一工作流的一部分。

导出与 Figma 同步

将完整的色彩系统导出到 Figma 和代码,包括 CSS、SCSS 和 PDF。条款还确认了一个 Figma 插件,可在文件中创建或更新本地变量。

使用场景

  • 将种子颜色或图片转化为调色板

    设计师以品牌色或参考图片为起点,然后使用调色板控制点和 3D 色彩工作区,将结果缩小到一个协调统一的调色板。

  • 构建适用于 UI 的色彩系统

    UI 设计师生成色阶步骤、分配颜色角色,并在交付实现前检查对比度。

  • 比较调色板方向

    设计师探索柔和中性或高饱和对比等推荐预设,在选择之前查看不同的调色板方向。

  • 将调色板推送到 Figma

    将设计令牌同步到 Figma 的团队通过 Rechroma 插件导出或更新文件中的本地变量。

  • 通过代码和文档共享输出

    产品或设计团队将色彩系统导出为 CSS、SCSS 或 PDF,以便在应用外进行实现和审阅。

Pros and Cons

Pros

  • 支持基于图片和单一颜色两种起点进行调色板创建。
  • 使用 Oklab/Oklch 和 3D 色彩空间视图,使感知色彩关系更易于查看。
  • 包含调色板推荐,帮助用户在确定系统之前探索多种方向。
  • 将色阶生成、角色分配、对比度验证和导出整合到一个工作流中。
  • 提供了文档化的 Figma 同步路径,更新的是本地变量而不是编辑现有图层。

Cons

  • 定价页面目前返回 404,因此无法从公开网站轻松核实方案详情。
  • 来源仅记录了一个 Figma 插件和通用导出格式;更广泛的集成覆盖范围未被完整说明。
  • 条款指出,颜色输出会因显示器、设备、色彩配置、材料和生产环境而有所不同。

FAQ

Rechroma 是做什么的?

Rechroma 可从单一颜色或图片创建色彩调色板、色阶和色彩系统。它使用 Oklab 和 Oklch 色彩空间,并在导出前包含对比度验证。

我可以从 Rechroma 导出什么?

网站显示可导出到 Figma、CSS、SCSS 和 PDF,条款中还提到 Rechroma Figma 插件可将调色板或 Color Kit 同步到本地 Figma 变量。

Rechroma 有免费试用或付费方案吗?

Rechroma 为符合条件的工作区提供为期七天的 Pro 试用,且无需支付方式;条款还说明 Pro 会自动续订,除非取消。定价页面本身返回 404,因此方案详情应在应用内查看。

Rechroma 可以与 Figma 集成吗?

有。条款说明,当你同步调色板或 Color Kit 时,Rechroma Figma 插件可以在 Figma 文件中创建或更新本地颜色变量,且不会修改现有图层。

Rechroma 最适合哪些工作流?

该产品适用于调色板创建、调色板推荐、色阶生成、对比度检查和导出。来源未记录除 Figma 插件和一般第三方服务提及之外更广泛的团队管理或多工具集成覆盖范围。

Quick Facts

类别
设计工具
主要工作流
创建、细化、验证并导出色彩调色板和色彩系统
色彩模型
Oklab 和 Oklch
导出
Figma、CSS、SCSS、PDF
平台
带 Figma 插件的网页应用
域名
rechroma.com