色または画像からのパレット作成
単一の色または画像から始めて、結果をまとまりのあるパレットへと洗練できます。ホームページでは、パレット作成を一度で終わる選択ではなく、ガイド付きのワークフローとして説明しています。
Rechroma
Rechromaは、色や画像から構造化されたパレットとカラ―システムを作成できるWebベースのカラー管理ツールです。推薦、スケール生成、コントラスト検証、Figmaやコードへの書き出しに対応します。
概要
Rechroma は、構造化されたパレットと完全なカラ―システムを作成するためのカラー管理製品です。知覚色モデルに、パレット推薦、カラースケール生成、コントラストチェック、書き出しツールを組み合わせることで、デザイナーは画像やシードカラーから整理されたシステムへ移行できます。
製品の中心は Oklab と Oklch で、3D 色空間ビューにより、明度、彩度、色相を同時に確認できます。ホームページには、パレットの方向性を探索し、カラ―システムをプレビューし、役割を割り当て、Figma やコードへ同期または書き出しするためのワークフローも表示されています。
ソースの利用規約では、パレット、カラ―システム、ラベル、プロジェクトデータ、アップロード画像は引き続きユーザーの所有物であり、Rechroma はサービス提供のためにそれらの内容をホストおよび処理すると記載されています。また、適格なワークスペース向けの 7 日間の Pro トライアルと、2026 年 12 月 31 日までに開始された新しい Pro サブスクリプション向けの早期割引価格も文書化されています。
機能
3D の知覚色ワークスペース
Rechroma は、Oklab と Oklch を使用して、色を明度、彩度、色相で整理します。インターフェースには、パレット構造を探索するための 3D 色空間ビューとドラッグ可能なハンドルが含まれています。
パレットの推薦
知覚的な色の関係とパターンに基づいて、調和の取れたパレットを提案します。さらに、明るい混合、彩度の高いコントラスト、ソフトニュートラル、分割補色などの方向性を比較できます。
カラースケールと役割の割り当て
UI やデザインシステム作業向けに、カラースケールを生成し、役割を割り当てられます。ホームページでは、個別の色見本ではなく、すぐに使えるスケールとカラ―システムが強調されています。
コントラスト検証
パレットを書き出したり同期したりする前に、アクセシビリティ判断を支えるためのコントラスト検証を行えます。ページでは、コントラスト確認はシステムの作成と改善に使う同じワークフローの一部として位置づけられています。
書き出しと Figma 同期
CSS、SCSS、PDF を含む完全なカラ―システムを Figma とコードへ書き出せます。利用規約では、ファイル内のローカル変数を作成または更新する Figma プラグインも確認できます。
ユースケース
シードカラーや画像をパレットに変換する
デザイナーはブランドカラーや参照画像から始め、パレットハンドルと 3D 色空間ワークスペースを使って、結果をまとまりのあるパレットへ絞り込みます。
UI 実装向けのカラ―システムを作成する
UI デザイナーはスケールの段階を生成し、色の役割を割り当て、コントラストを確認してから実装へ引き渡します。
パレットの方向性を比較する
デザイナーは、ソフトニュートラルや彩度の高いコントラストなどの推薦プリセットを試し、選択前に別のパレット方向性を確認します。
パレットを Figma に反映する
デザイン トークンを Figma に同期するチームは、Rechroma プラグインを通じて、ファイル内のローカル変数をエクスポートまたは更新します。
コードやドキュメントと共有する
プロダクトチームやデザインチームは、実装やアプリ外でのレビューのために、カラ―システムを CSS、SCSS、または PDF に書き出します。
Pros and Cons
Pros
- 画像ベースと単一色ベースの両方を、パレット作成の起点として使えます。
- Oklab/Oklch と 3D 色空間ビューにより、知覚的な色の関係を把握しやすくしています。
- パレット推薦が含まれているため、1 つのシステムに決める前に複数の方向性を検討できます。
- スケール生成、役割割り当て、コントラスト検証、書き出しを 1 つのワークフローにまとめています。
- ローカルレイヤーを編集せずにローカル変数を更新する、文書化された Figma 同期パスを提供します。
Cons
- 価格ページが現在 404 を返すため、公開サイト上ではプランの詳細を確認しにくいです。
- ソースでは Figma プラグインと一般的な書き出し形式のみが記載されており、より広範な連携対応は十分に説明されていません。
- 利用規約に記載のとおり、色の出力はディスプレイ、デバイス、カラープロファイル、素材、製造環境によって変わる場合があります。
FAQ
Rechromaは何をするツールですか？
Rechromaは、単一の色または画像のどちらからでも、カラーパレット、カラースケール、カラ―システムを作成します。Oklab と Oklch の色空間を使用し、書き出し前にコントラスト検証も行えます。
Rechromaから何をエクスポートできますか？
サイト上では、Figma、CSS、SCSS、PDF への書き出しが案内されており、利用規約では、パレットや Color Kit をローカルの Figma 変数に同期するための Rechroma Figma プラグインについても触れています。
Rechromaには無料トライアルや有料プランがありますか？
Rechroma には、支払い方法不要の 7 日間の Pro トライアルがあり、対象ワークスペースで利用できます。利用規約では、Pro はキャンセルされるまで自動更新されるとされています。価格ページ自体は 404 を返すため、プラン詳細はアプリ内で確認する必要があります。
RechromaはFigmaと連携しますか？
はい。利用規約によると、Rechroma Figma プラグインは、パレットや Color Kit を同期すると、Figma ファイル内のローカルカラー変数を作成または更新できます。既存のレイヤーは変更しません。
Rechromaはどのようなワークフローに最適ですか？
この製品は、パレット作成、パレット推薦、カラースケール生成、コントラスト確認、書き出し向けに設計されています。ソースでは、Figma プラグインと一般的なサードパーティサービスの記載を除き、より広範なチーム管理や複数ツール連携の対応は文書化されていません。
Quick Facts
- カテゴリ
- デザインツール
- 主なワークフロー
- カラーパレットとカラ―システムの作成、調整、検証、書き出し
- カラーモデル
- Oklab と Oklch
- 書き出し
- Figma、CSS、SCSS、PDF
- プラットフォーム
- Figma プラグイン付き Web アプリ
- ドメイン
- rechroma.com
Rechromaの代替品
PixelDrive
PixelDriveは、ブラウザ編集、REST API、CSV一括、MCPで1つのテンプレートから大量のブランド画像を生成できるAPI。キャッシュ可能なレンダリングと従量課金に対応。
图像大厨imgcook
imgcookは、デザイン稿をフロントエンドコードに変換するデザイン-to-codeツールです。Sketch、Photoshop、VS Code、CLIに対応し、プラグインと開発者向けのワークフローを提供します。
Napkin AI
Napkin AIは、テキストをプレゼン資料や文書、共有用コンテンツ向けの編集可能なビジュアルに変換します。テキスト起点で生成でき、共同編集にも対応。PPT、PNG、SVG、PDFで書き出せます。
Beautiful.ai
Beautiful.aiは、個人・チーム・企業向けのAIプレゼンテーションプラットフォームです。Smart Slides、共同編集、書き出し機能で、ブランドに沿った資料を効率よく作成できます。
Refero MCP
Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。
Frames
Framesは、プレミアム端末フレームとテンプレートでInstagram・Twitter・Product HuntのローンチポスターやSNS販促素材をすばやく作成。無料で開始。