Rechroma

基於 Oklab/Oklch 感知色彩模型的 Web 端調色盤工具,幫設計師從單色或圖片出發構建結構化的色彩系統

深度報告

  • 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 可能更合適。

使用者評論

  • 頭像
    Alice.Brooks
    試用了一天下來,感覺 Rechroma 最大的價值是那個 3D 色彩視覺化。在三維空間裡拖調色盤的感覺和 Coolors 完全不一樣,而且 Oklch 出來的色階在螢幕上看起來確實比 HSL 均勻。

  • 頭像
    Kenneth.Watson_2020
    Figma 同步直接更新 local variables 這個設計思路真的比很多外掛好,不會動已有的圖層內容,設計 token 的 workflow 一下就順了。希望以後能支援更多設計工具。

  • 頭像
    AchrafRodijk
    7 天試用之後想付費發現定價頁返回 404,找了一圈都不知道 Pro 到底多少錢,這個體驗真的太勸退了。

  • 頭像
    SHill_7643
    作為獨立設計師,比較喜歡它內建的調色盤推薦模式,Bright Mixed 和 Saturated Contrast 兩種方向切換很方便,比自己從零搭色板省力多了。

  • 頭像
    xRosaSørensen
    對比度驗證直接在工具裡面做,不用複製到第三方去查 WCAG,這一步確實省了來回切換的時間。

  • 頭像
    n5axk4ym
    試了從一張圖片生成調色盤,準確率挺高的。但做完之後想匯出 PDF 發現還不夠完善,輸出排版有點簡單,可能需要自己再美化一下。

  • 頭像
    星辰_5
    Rechroma 把色彩設計從憑感覺選變成了結構化的工作流,這一點比很多老牌工具走得更遠。但定價不透明是硬傷。

  • 頭像
    browngoose368
    我們團隊在用 Rechroma 做設計系統的色板維護,色階一鍵生成加角色分配確實好用,50 到 950 的色階不用自己算了。

  • 頭像
    EmiliaWood
    用慣了 Coolors 之後換過來有點不適應,Rechroma 更偏系統化一些,不是那種按空格就出顏色的快節奏。

  • 頭像
    yellowmeercat825
    不懂為什麼定價資訊不公開,搜了半天也沒找到具體價格。產品理念再好,連價都不敢讓人看,怎麼放心用。

  • 頭像
    Jerry_BellIII
    3D 色彩空間第一次用確實驚豔,但日常工作中用到 3D 檢視的頻率其實不高,更多還是用色階和角色分配這些功能。

  • 頭像
    SharonWilson_2021
    如果能把 Sketch 和 Adobe XD 的外掛也做上就完美了。目前只有 Figma 外掛,團隊裡用其他工具的人基本用不上。

  • 頭像
    雲煙737
    剛拿到早鳥資格,價格還算合理。不過產品功能更新速度有點慢,不知道長期維護怎麼樣。

  • 頭像
    NHill520
    做品牌專案的時候從品牌色開始拉了一套完整的色彩系統,從生成到匯出 CSS 和 Figma tokens 一條龍搞定了。