◯ 無料：1日5回 • リセットまで 17h 5m
クリエイティブ & デザイン

カラーパレットジェネレーター

16進数コード、RGB値、使用ガイドラインを使用して調和のとれたカラーパレットを作成します。補完的、類似、三重、ブランド固有のスキームをサポートします。

もっと知る

あらゆるプロジェクト向けに、美しく目的にかなったカラーパレットを生成します。16進数コード、RGB値、色彩心理の説明、アクセシビリティのコントラスト比、そしてプライマリ・セカンダリ・アクセントカラーの具体的な使い方の推奨を取得できます。

0 / 3000

✓ 無料で利用可能 — 登録不要、クレジットカード不要。

開発者

瞑想アプリの落ち着いたパレット

UIでの役割が明確で、アクセシビリティに配慮した一貫性のあるパレットを必要とする開発者やデザイナー向けです。

入力と出力のプレビューを見る

入力

プロジェクトの説明
A meditation and sleep app with guided sessions and soundscapes. We want the UI to feel soothing and reduce screen anxiety, with strong dark-mode support.
雰囲気 / トーン
穏やか / 静か
業界
wellness / health tech
ベースカラー（任意）
deep indigo
パレットのサイズ
5色（標準）

出力（抜粋）

PALETTE (calm, dark-mode-ready): Midnight Indigo #1B1B3A (primary bg), Twilight #3A3A6A (surface), Moonmist #A9B4D6 (secondary text), Soft Sage #9DC8B6 (calming accent / progress), Warm Sand #E8DCC4 (highlight for CTAs). USAGE: indigo and twilight carry the night theme; sage signals 'breathe/continue'; sand keeps CTAs from feeling clinical. All text pairings clear WCAG AA on their intended backgrounds. Light-mode variant: lift values 30% and swap bg to #F5F4FA.
マーケター

スポーツドリンクブランドのエネルギッシュなパレット

棚で目を引く、パッケージとデジタルにそのまま使えるブランドに合ったパレットを求めるマーケター向けです。

入力と出力のプレビューを見る

入力

プロジェクトの説明
A new electrolyte drink brand targeting young athletes. Packaging, social, and a landing page that should feel high-energy and stand out on a crowded shelf.
雰囲気 / トーン
エネルギッシュ / 大胆
業界
sports nutrition / beverage
ベースカラー（任意）
#FF3B30
パレットのサイズ
5色（標準）

出力（抜粋）

PALETTE (energetic): Voltage Red #FF3B30 (hero), Citrus Punch #FFB300 (secondary), Ion Blue #0091FF (cool contrast), Carbon #14110F (text/depth), Pure White #FFFFFF (negative space). USAGE: red+amber owns the shelf and grabs the thumb-stop on social; ion blue cools the mix so it reads athletic, not candy. Carbon anchors typography for punch. Pairing rule: never red text on amber — use carbon. Great for cans, bold headlines, and a high-contrast landing hero.
フリーランサー

ブティックホテルの上品な3色パレット

プレミアムなホスピタリティ業界のクライアント向けに、洗練された引き締まったパレットを必要とするフリーランスデザイナー向けです。

入力と出力のプレビューを見る

入力

プロジェクトの説明
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
雰囲気 / トーン
豪華 / プレミアム
業界
hospitality
ベースカラー（任意）
パレットのサイズ
3 色 (最小限)

出力（抜粋）

PALETTE (luxurious, restrained): Deep Brine #14302E (primary — a dark coastal green), Champagne #D9C7A3 (gold-toned neutral for accents and foil), Bone #F2EEE6 (paper/background). USAGE: brine reads expensive and timeless on signage and footers; champagne is the foil/gold-stamp accent for menus and key cards; bone keeps everything breathing. Two-color rule keeps it elegant — never more than a champagne hairline on brine. Pairs beautifully with a high-contrast serif.

カラーパレットジェネレーター の結果がここに表示されます

生き生きとしてアイデアに富んだ文章が得られます。しっくりくるまで、さまざまな角度で再生成してください。

使い方 カラーパレットジェネレーター

  1. あなたのプロジェクトとその目的を説明してください。
  2. ムードと業界を選択してください。
  3. オプションで、基準となる色を指定します。
  4. パレットのサイズを選択してください。
  5. プロジェクト内で直接使用するために、16進数コードとCSS変数を使用してください。

使用例

1

ウェブサイトとアプリのカラースキームを設計する

2

ブランドカラーのガイドラインを作成します

3

マーケティング資料のカラースキームを開発する

4

アクセシブルなUIカラーパレットを構築する

最高の結果を得るためのヒント

  • 60-30-10ルール：60％が主要、30％が副次、10％がアクセントで視覚的な調和を生み出します。
  • 常にアクセシビリティのためにコントラスト比を確認してください — WCAG AAはテキストに対して4.5:1を要求します。
  • 既存のロゴがある場合は、その色をパレットのベースとして使用してください。
  • ダークモードは単に色を反転させるだけではありません。このパレットには専用のダークモード適応が用意されています。

よくある質問

16進コードは製品準備が整っていますか？

はい — CSS、デザインツール、または印刷仕様で直接使用できる正確な16進数コードとRGB値を取得できます。

アクセシビリティを確保するにはどうすればよいですか？

このツールはWCAGのコントラスト比と色盲互換性をチェックします。常にテキスト/背景の組み合わせがAA（4.5:1）またはAAA（7:1）基準を満たしていることを確認してください。

既存のブランドカラーを基に構築できますか？

はい！基本色フィールドに既存の色を入力すると、AIがそれに基づいて補完的なパレットを構築します。

3、5、7色のパレットの違いは何ですか？

3色はシンプルで集中したデザインに最適です。5色（標準）は、主要、二次、アクセント、背景、テキストをカバーします。7色は、複雑なUIやマーケティング資料に対してより多くのニュアンスを追加します。

これらのワークフローの一部

このツールは、作業をより効率的に進めるためのステップバイステップガイドで使用されます

🔒
あなたのプライバシーは保護されています

入力内容と結果は、サービスの運営、不正利用の防止、ログイン中の方への履歴表示のため、最長90日間保管します。処理はプライバシーポリシーに記載のAIプロバイダーが行います。第三者に販売することはありません。

⚖️ このツールを比較

このツールが他とどう比較されるかを確認:

カラーパレットジェネレーター vs. ムードボードジェネレーター 比較を見る →

関連ツール

クリエイティブ & デザインブランドガイドラインジェネレーターロゴの使用、カラースタンダード、タイポグラフィのルール、画像スタイル、声とトーンの仕様をカバーする包括的なブランドガイドライン文書を作成します。クリエイティブ & デザインデザイン批評ジェネレーター構成、色の使用、タイポグラフィ、階層、アクセシビリティ、デザイン原則との整合性を含む建設的なデザインフィードバックを取得します。クリエイティブ & デザインムードボードジェネレーター視覚的テーマ、カラーパレット、テクスチャーの参照、およびクリエイティブプロジェクトのスタイルの方向性を含む詳細なムードボードの説明を生成します。

このエージェントを試す

ブランドビルダーブランド名を生成し、スローガンを作成し、ブランドストーリーを書き、ブランドガイドラインを定義します。このエージェントを試す →

関連ワークフロー

ブランドアイデンティティを構築するコンセプトから一貫したビジュアルシステムへワークフローを実行 →