Khromaとは?
Khromaは、ユーザーが好む色を出発点として配色を生成します。一組の色を選択すると、ブラウザ内のアルゴリズムがこれらの好みを学習し、好まない色を減らしたり新たな組み合わせを見つけたりするのに役立ちます。視覚的な方向性を決める際に、繰り返し比較するのに適しています。
同一の配色セットは、テキスト、グラデーション、パレット、またはカスタム画像などの形式で確認できます。検索では、色相、色調、明度、色名、およびHEX値やRGB値で絞り込むことができ、インスピレーションの探索と既存のブランドカラーの照合を円滑に連携させることができます。
ユーザーはお気に入りの配色セットを保存でき、色の名称、HEX、RGB、CSS、および各組み合わせのWCAGアクセシビリティ評価を確認できます。コントラスト情報は具体的な色の組み合わせの判断に役立ちますが、最終的なページでは依然として実際のフォント、背景、状態を踏まえた検証が必要です。
主な機能
個人の色の好み学習
ブラウザ内での配色組み合わせ生成
文字、グラデーションおよびパレットのプレビュー
HEX、RGB および色属性によるフィルタリング
配色コレクションライブラリ
CSS の色値と WCAG のコントラスト情報
用途と対象者
インターフェースデザイナー、ビジュアルデザイナー、および配色を決定する必要があるクリエイター
- ブランドとインターフェースの配色方向を探る
- 既存の色値に基づいて配色を拡張する
- 文字と背景の色の組み合わせを比較する
色の好み、HEX または RGB の色値、およびフィルター条件
お気に入りに登録できる配色組み合わせ、カラーコード、およびコントラスト情報
使い方
- 01
好きな色を選択し、個人の配色設定を構築します。
- 02
組み合わせを生成し、テキスト、グラデーション、またはカラーパレットのプレビューを切り替えます。
- 03
色値と色属性でフィルタリングし、適切な組み合わせを保存して色値を記録します。
公式サイトと情報源
情報更新日 2026-10-25

