美しいカラー 組み合わせの背後にある原則を学びます
カラー ホイール上で互いに反対の色が高コントラストで鮮やかな外観を作成します
最適な用途:コールトゥアクション ボタン、重要な要素の強調、視覚的なインパクトの作成
ダイナミック、エネルギッシュ、注目を集める
カラー ホイール上で隣り合った色が穏やかで快適なデザインを作成します
最適な用途:背景、自然テーマ、ハーモニーと流れの作成
穏やか、平和的、まとまりのある
カラー ホイール上で均等に間隔を置いた3つの色が鮮やかでありながらバランスの取れたパレットを提供します
最適な用途:遊び心のあるデザイン、子供向けコンテンツ、クリエイティブなプロジェクト
遊び心があり、バランスが取れ、クリエイティブ
単一の色の異なるシェードとティントが洗練されたまとまりのあるデザインを作成します
最適な用途:プロフェッショナルなウェブサイト、ミニマリスト デザイン、ブランドの一貫性
プロフェッショナル、エレガント、統一された
ベース カラーに加えてその補色の隣接する2つの色で、より柔らかいコントラストを実現します
最適な用途:視覚的な興味のあるバランスの取れたデザイン、多用途なカラー スキーム
バランスが取れ、興味深く、親しみやすい
2つの補色ペアで配置された4つの色が豊かで多様なパレットを提供します
最適な用途:複雑なインターフェース、豊かなイラスト、多様なコンテンツ タイプ
豊か、複雑、多用途
異なるカラーパレットが実際のデザイン シナリオでどのように機能するかを確認します
ブランドの性格、ターゲット オーディエンス、業界を考慮します。暖色(赤、オレンジ)はエネルギーと情熱を伝え、寒色(青、緑)は信頼と落ち着きを提案し、中性色は洗練を提供します。カラー サイコロジー ガイドを使用し、異なる組み合わせをテストします。
カラー スキームは色間の理論的な関係(補色や類似色など)であり、カラーパレットはプロジェクトで選択する特定の色のセットです。当ジェネレーターは実証されたカラー スキームに基づいてパレットを作成します。
ほとんどのプロジェクトでは3-5色が最適です:1つの主色、1つの副色、1-3つのアクセント色です。これは60-30-10 ルールに従い、60% が支配色、30% が副色、10% がアクセントとハイライト用です。
はい!生成されたすべてのパレットは個人および商用プロジェクトで無料で使用できます。色自体は著作権で保護できませんが、特定のブランド カラー 組み合わせは会社によって商標登録されている可能性があります。
ビルトインのアクセシビリティ チェッカーを使用して十分なコントラスト比を確保します(通常テキストで4.5:1、大型テキストで3:1)。また、色覚異常に優しい組み合わせを考慮し、色だけに頼らず情報を伝えないようにします。
Adobe ASE(Adobe Swatch Exchange)、Sketch パレット、Figma スタイル、CSS 変数、SCSS、JSON、およびプレーン テキスト形式にエクスポートできます。これにより、ほとんどのデザイン ツールと開発ワークフローとの互換性が確保されます。
カラー理論を使って調和のとれたパレットを作成
色をクリックしてコピー • 生成中に保持するためにロックを使用
パレットサイズを調整し、高度なカラー調和オプションを探求してください。すべての生成コントロールは上部にあります。