👤 3,163 total uses◯ Free: 5 uses/day • Resets in 10h 17m
Creatività e Design

Generatore di Palette di Colori

Crea palette di colori armoniose con codici esadecimali, valori RGB e linee guida per l'uso. Supporta schemi complementari, analoghi, triadici e specifici per il marchio.

Scopri di più

Genera palette di colori belle e funzionali per qualsiasi progetto. Ottieni codici esadecimali, valori RGB, spiegazioni di psicologia del colore, rapporti di contrasto per l'accessibilità e raccomandazioni d'uso specifiche per i colori primari, secondari e d'accento.

0 / 3000

✓ Gratuito — senza registrazione, senza carta di credito.

Sviluppatori

Calm palette for a meditation app

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

Mostra anteprima di input e output

Input

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

Output (estratto)

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.
Marketer

Energetic palette for a sports drink brand

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

Mostra anteprima di input e output

Input

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

Output (estratto)

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.
Liberi professionisti

Luxurious three-color palette for a boutique hotel

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

Mostra anteprima di input e output

Input

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

Output (estratto)

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.

I risultati di Generatore di Palette di Colori appariranno qui

Aspettati un testo vivace e ricco di idee. Rigenera con angolazioni diverse finché qualcosa non convince.

Come usare Generatore di Palette di Colori

  1. Descrivi il tuo progetto e il suo scopo.
  2. Seleziona l'umore e l'industria.
  3. Facoltativamente, specifica un colore di base su cui costruire.
  4. Scegli la dimensione della palette.
  5. Usa i codici esadecimali e le variabili CSS direttamente nel tuo progetto.

Casi d'uso

1

Progetta schemi di colori per siti web e app

2

Crea linee guida sui colori del marchio

3

Sviluppare sistemi di colori per materiali di marketing

4

Crea palette di colori UI accessibili

Consigli per i migliori risultati

  • La regola 60-30-10: 60% primario, 30% secondario, 10% accento crea armonia visiva.
  • Controlla sempre i rapporti di contrasto per l'accessibilità — WCAG AA richiede 4.5:1 per il testo.
  • Se hai un logo esistente, usa i suoi colori come base per la tua palette.
  • La modalità scura non è solo l'inversione dei colori: la palette fornisce adattamenti specifici per la modalità scura.

Domande frequenti

I codici esadecimali sono pronti per la produzione?

Sì — ottieni codici esadecimali esatti e valori RGB che puoi utilizzare direttamente in CSS, strumenti di design o specifiche di stampa.

Come garantisco l'accessibilità?

Lo strumento verifica i rapporti di contrasto WCAG e la compatibilità con il daltonismo. Verifica sempre che le combinazioni di testo/sfondo soddisfino gli standard AA (4.5:1) o AAA (7:1).

Posso costruire attorno a un colore di marca esistente?

Sì! Inserisci il tuo colore esistente nel campo del colore di base e l'IA costruirà una palette complementare attorno ad esso.

Qual è la differenza tra palette di 3, 5 e 7 colori?

3 colori sono ottimi per design semplici e focalizzati. 5 colori (standard) coprono primario, secondario, accento, sfondo e testo. 7 colori aggiungono più sfumature per UI complesse e materiali di marketing.

Parte di questi workflow

Questo strumento è usato in guide passo passo che ti aiutano a fare di più

🔒
La tua privacy è protetta

Non memorizziamo il tuo testo. L'elaborazione avviene in tempo reale e il tuo input viene scartato immediatamente dopo la generazione del risultato.

Sblocca Accesso Illimitato

Utenti gratuiti: 10 utilizzi al giorno | Utenti Pro: Illimitato

⚖️ Confronta questo strumento

Scopri come si posiziona questo strumento nel confronto diretto:

Generatore di Palette di Colori vs. Generatore di Moodboard Vedi confronto →

✍️ Libreria di prompt

Prompt pronti all'uso — clicca "Usa questo" per compilare automaticamente lo strumento

Scrivi un brief creativo per un progetto di brand identity per un'azienda di tipo [company type]. Includi tono, valori e direzione visiva.

Genera 10 idee di slogan per un [brand] che mettano in risalto [key value].

Descrivi un concept di immagine hero per una landing page che vende [product]. Includi colori, mood e composizione.

Scrivi un brief per la denominazione di un nuovo [product type] rivolto a [audience].

Crea una descrizione di mood board (5-7 riferimenti visivi) per un brand con personalità [brand personality].

🔒

⚡ Prompt Pro

Scrivi un set completo di UX copy per…...
Crea una guida completa al tono di voce…...
Genera un brief creativo completo per una campagna…...
Passa a Pro →

Strumenti correlati

Prova questo agente

Marken-BuilderMarkennamen generieren, Slogan erstellen, Markenstory schreiben und Markenrichtlinien definieren.Prova questo agente →

Workflow correlato

Wettbewerbsanalyse-BriefingFügen Sie eine Wettbewerber-URL oder einen Text ein → erhalten Sie eine Positionierungsanalyse + eine Auswahlliste…Avvia workflow →