👤 3,163 total uses◯ Free: 5 uses/day • Resets in 9h 53m
クリエイティブ & デザイン

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

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

もっと知る

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

0 / 3000

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

開発者

Calm palette for a meditation app

Developers and designers who need a cohesive, accessibility-aware palette with clear UI roles.

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

入力

Project Description
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.
Mood
calm
Industry
wellness / health tech
Base Color
deep indigo
Palette Size
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.
マーケター

Energetic palette for a sports drink brand

Marketers who want a shelf-popping, on-brand palette ready for packaging and digital.

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

入力

Project Description
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.
Mood
energetic
Industry
sports nutrition / beverage
Base Color
#FF3B30
Palette Size
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.
フリーランサー

Luxurious three-color palette for a boutique hotel

Freelance designers who need a tight, sophisticated palette for a premium hospitality client.

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

入力

Project Description
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
Mood
luxurious
Industry
hospitality
Base Color
Palette Size
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やマーケティング資料に対してより多くのニュアンスを追加します。

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

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

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

テキストは保存されません。処理はリアルタイムで行われ、結果を生成した後すぐに入力が破棄されます。

無制限のアクセスを解除

無料ユーザー:1日10回の使用 | Proユーザー:無制限

⚖️ このツールを比較

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

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

✍️ プロンプトライブラリ

すぐに使えるプロンプト集 — 「使う」をクリックするとツールに自動入力されます

[company type]のブランドアイデンティティプロジェクト向けに、クリエイティブブリーフを書いてください。トーン、価値観、ビジュアルの方向性を含めてください。

[key value]を強調する[brand]向けのキャッチコピー案を10個生成してください。

[product]を販売するランディングページ向けに、ヒーロー画像のコンセプトを説明してください。色・ムード・構図を含めてください。

[audience]をターゲットとする新しい[product type]向けに、製品ネーミングのブリーフを書いてください。

[brand personality]なブランド向けに、ムードボードの説明(ビジュアルリファレンス5〜7点)を作成してください。

🔒

⚡ Proプロンプト

[product]のオンボーディングフロー向けに、完全なUXコピーデッキを書いてください: ウェルカム画面、4つのオンボーディングステップ、空の状態(エンプティステート)、エラーメッセージ。...
[brand type]向けに、トーン・語彙・推奨/非推奨事項、そして10個のリライト例を含む包括的なブランドボイスガイドを作成してください。...
[campaign type]キャンペーン向けに、3つのフォーマット(屋外広告、デジタルバナー、ソーシャルストーリー)を網羅した完全な広告クリエイティブブリーフを生成してください。...
Proにアップグレード →

関連ツール

このエージェントを試す

Marken-BuilderMarkennamen generieren, Slogan erstellen, Markenstory schreiben und Markenrichtlinien definieren.このエージェントを試す →

関連ワークフロー

Wettbewerbsanalyse-BriefingFügen Sie eine Wettbewerber-URL oder einen Text ein → erhalten Sie eine Positionierungsanalyse + eine Auswahlliste…ワークフローを実行 →