Preparare una tavolozza di colori
Crea sfumature da un colore HEX e ottieni i loro valori RGB e HSL.
- Crea le sfumatureQui
- Convertire un colore
Generatore di palette di colori
Crea toni più chiari e più scuri a partire da un colore HEX.
RGB / RRGGBB
I tuoi file vengono elaborati qui, sul tuo dispositivo
Non inviamo il tuo file o il contenuto del testo a un server di elaborazione. Non è necessario alcun conto e non vi è alcuna quota operativa giornaliera. I singoli strumenti hanno limiti di dimensione per proteggere la memoria del dispositivo.
È necessaria una connessione per caricare il sito e le sue risorse. L'hosting potrebbe ricevere dati tecnici sulle visite. Preferiti memorizzare solo gli identificatori di strumento in questo browser.
Come trattiamo i tuoi dati →Come utilizzare questo strumento
- Inserisci un codice HEX a 3 o 6 cifre.
- Scegli un conteggio delle ombre e crea la tavolozza.
- Rivedere i campioni e copiare o scaricare i codici.
Un esempio che puoi verificare
Preparare una famiglia ombra per una composizione visiva.
Esempio di input
#254F42
Risultato atteso
#C9D3D0 #779189 #254F42 #173129 #091411
Il colore centrale corrisponde all'input. Gli endpoint mescolano il 75% di bianco o nero; controlla il contrasto prima di accoppiarsi con il testo.
Generatore di palette di colori: usi e guida pratica
La creazione di una tavolozza da un colore base fornisce varianti più chiare e scure per esplorare una composizione. Lo strumento genera una scala tonale, piuttosto che selezionare automaticamente i colori complementari o produrre un'identità visiva completa. La base rimane il riferimento centrale mentre altri campioni si muovono verso apparenze più chiare o più scure. Scegli una quantità dispari supportata in modo che il riferimento rimanga al centro della collezione e possa essere riconosciuto insieme alle sue varianti.
Le varianti possono aiutare a testare superfici, bordi e accenti, ma assegnare a ciascuno un ruolo richiede l'ispezione del design completo. Un campione adatto per uno sfondo può non essere adatto per un testo di piccole dimensioni. La luminosità percepita dipende anche dai colori vicini e dal display. Non scegliere una variante semplicemente perché occupa una posizione particolare nella scala. Rivedere la combinazione effettiva in cui verrà mostrato, comprese le dimensioni e il peso del lettering di accompagnamento.
La tavolozza non calcola automaticamente i rapporti di contrasto o garantisce l'accessibilità. Utilizzare etichette o forme comprensibili quando gli stati hanno bisogno di distinzione piuttosto che affidarsi solo al colore. Esaminare le coppie di testo e sfondo con uno strumento di contrasto appropriato. Anche la generazione tonale non stabilisce l'equivalenza con inchiostri da stampa o profili professionali; questi codici descrivono rappresentazioni di colori orientate allo schermo. Un'anteprima soddisfacente non garantisce che ogni riproduzione fisica avrà lo stesso aspetto.
Controllare il colore centrale e copiare i codici completi. Salvare la tavolozza con il ruolo previsto di ciascun campione in modo che un altro editor non confonda un bordo con uno sfondo. Il convertitore di colore fornisce la notazione RGB o HSL per un valore particolare. L'immagine in scala di grigi esplora le informazioni tonali in un'immagine, ma non applica automaticamente questa tavolozza ai suoi pixel. Testare le risorse insieme prima di considerare la scelta visiva completa.
Un controllo pratico prima di utilizzare il risultato
Una prova di progettazione può assegnare varianti a sfondo, bordo e accento, visualizzandoli insieme. Ispezionare le lettere effettive su ogni sfondo prima di selezionare. Salva i codici con i loro ruoli per preservare la stessa combinazione tra le pagine. Rivedere l'intera composizione piuttosto che trattare la posizione della tavolozza come garanzia di un adeguato contrasto.
Continua la tua attività
Scarica il risultato o copia il testo prima di aprire un altro strumento. Quindi caricarlo o incollarlo nel passaggio successivo; il contenuto non viene trasferito automaticamente.
Opzioni e limiti
Inserisci un colore HEX a 3 o 6 cifre e scegli 3, 5, 7 o 9 colori. L'originale rimane nel mezzo. I colori più chiari mescolano i canali RGB con i colori bianco e scuro con il nero, fino al 75%. Sono inclusi campioni visivi e codici HEX scaricabili.
Domande frequenti
Questi colori garantiscono un contrasto di testo accessibile?
No. Questa tavolozza è un punto di partenza visivo. Controllare il contrasto per ogni combinazione di testo / sfondo prima di utilizzarlo in un'interfaccia.
I miei dati sono memorizzati su un server?
No. I contenuti e i file vengono elaborati nel browser senza un account. Chiudere la pagina perde i risultati non salvati.