Generatore di palette colori
Scegli un colore di base e uno schema per creare una palette di due o tre colori. Usa tonalità complementari, analoghe, triadiche o complementari divise, poi copia singoli codici HEX o salva l'elenco come testo.
Che cosa puoi fare
Crea palette con quattro schemi
Scegli tonalità complementari, analoghe, triadiche o complementari divise mantenendo saturazione e luminosità del colore di base.
Ottieni ogni codice colore
Controlla i campioni e i codici HEX, copia ogni codice o salva l'elenco nell'ordine di visualizzazione come palette.txt.
Usa un candidato come base successiva
Seleziona Usa come base su un candidato, poi genera una nuova palette.
Come si usa
Inserisci il colore di base
Scegli HEX, RGB, HSL, HSV o CMYK e inserisci i relativi valori, oppure usa il selettore di colori.
Scegli uno schema
Complementare produce due colori. Analoga, triadica e complementare divisa ne producono tre.
Crea una palette
Seleziona Crea palette per controllare campioni e codici HEX. Cambiando lo schema dopo la generazione, la palette viene aggiornata dal colore di base confermato.
Ottieni i codici
Copia i singoli codici, copia tutto o salva come TXT. Genera di nuovo dopo aver cambiato il colore di base.
Quando è utile
Esplora i candidati per il colore d'accento
Usa un colore di base della tua pagina o del tuo progetto per confrontare diverse relazioni di tonalità.
Conserva i codici della palette nelle tue note
Copia o salva l'elenco HEX nell'ordine di visualizzazione per usarlo in uno strumento di progettazione.
Schemi di colore e limiti dell'output
Quattro relazioni di tonalità
Complementare usa una tonalità a 180 gradi dalla base. Analoga usa tonalità a 30 gradi da entrambi i lati, triadica usa passi di 120 gradi e complementare divisa usa scostamenti di 150 e 210 gradi. Nell'analoga il colore di base compare al centro.
Saturazione e luminosità restano invariate
La palette sposta la tonalità in HSL mantenendo saturazione e luminosità. I risultati vengono arrotondati a RGB a 8 bit e mostrati come HEX. I colori acromatici possono produrre valori HEX ripetuti; il numero e l'ordine dei colori vengono mantenuti.
Verifica la leggibilità separatamente
Le palette basate sulla tonalità non garantiscono contrasto del testo o leggibilità. Usa il verificatore di contrasto per ogni coppia di testo e sfondo.
Domande e risposte
Perché lo stesso colore può comparire più di una volta?
Cambiare la tonalità può produrre valori HEX identici per i colori acromatici. I risultati non vengono corretti né deduplicati; il numero e l'ordine dei colori dello schema vengono mantenuti.
Copiare un colore cambia il colore di base?
Copiare non lo cambia. Usa come base passa l'input a HEX e cancella la palette precedente. Seleziona Crea palette per generare di nuovo.
Posso salvare variabili CSS o un'immagine?
L'output è limitato alla copia dei codici HEX e al salvataggio di palette.txt. Le variabili CSS e le esportazioni di immagini non sono disponibili.
Input e output
- Input
- Colore di base in HEX, RGB, HSL, HSV o CMYK, oppure un colore selezionato. L'alfa non è supportato.
- Schema
- Complementare, analoga, triadica o complementare divisa.
- Output
- Due o tre codici HEX. Copiali o salvali come palette.txt, uno per riga nell'ordine di visualizzazione.