カラーハーモニー – 調和の取れた配色パレットを生成
ベースカラーと6つの配色ルールのいずれかを選んで、調和の取れたパレットを生成します。カラーハーモニーは色相環を回転します：補色は反対色を、類似色は隣り合う色相を、三色・四色配色は均等に色を配置し、スプリットコンプリメンタリーは反対色の両隣を選び、モノクロマティックは1つの色相に留まります。任意のスウォッチをクリックするとHEX値をコピーできます。
カラーハーモニーは、色相環上のよく知られた関係を使ってベースカラーからカラーパレットを生成するツールです。配色ルールを選ぶと関連色がスウォッチで表示され、スウォッチをクリックするとHEX値をコピーできます。手作業で組み立てずに組み合わせを探索したい場合に便利なカラーパレット生成ツールです。
各ルールは異なる関係を生み出します：補色は反対の色相を1つ、類似色は隣り合う色相を使い、三色・四色配色は色相環上に均等に色を配置します。スプリットコンプリメンタリーは、ベースカラーの反対色の両隣の2色を使います。モノクロマティックのパレットは1つの色相に絞ります。探索したいパレットに合うルールを選び、生成されたスウォッチを比較しましょう。
カラーハーモニーは、起点となる色から関連する選択肢のセットを作りたい場合に便利です。カラーパレットは、インターフェースやプロトタイプ、その他のプロジェクトの色計画に役立ちます。コピーできるHEX値を提供するため、選んだスウォッチを開発やデザインのワークフローに持ち込みやすくなっています。
このツールは完全にブラウザ上で動作するため、入力はお使いのデバイス上で処理され、サーバーへのアップロード、保存、送信は一切行われません。ページの読み込み後はオフラインでも動作し、無料で利用できます。開発者、DevOpsエンジニア、デザイナー、色の組み合わせを探索する方なら、ローカルへのインストールなしで使えます。
手順1: パレット作りの起点となるベースカラーを入力または貼り付けます。
手順2: 配色ルールを選びます：補色、類似色、三色配色、四色配色、スプリットコンプリメンタリー、モノクロマティックのいずれかです。
手順3: 生成されたスウォッチを見て、パレットの色を比較します。
手順4: 任意のスウォッチをクリックしてHEX値をコピーし、プロジェクトで使います。
用途: ブランドカラーを起点に、関連する色相を探索してWebサイトやアプリのパレットを作ります。
用途: 新しいインターフェースの色選びで、補色、類似色、その他の配色ルールを比較します。
用途: ローカルツールをインストールせずに、プロトタイプやデザインモック用のパレットを手早く作ります。
用途: 別のマシンで作業中も、ブラウザ上で直接色のアイデアを生成します。
用途: スウォッチのHEX値をコピーして、コードベースやデザインワークフローで選択した色を使います。
用途: 社内データを外部サービスに貼り付けずに、色の組み合わせを探索します。