Generatore di sfumature di colore
Genera varianti chiare e scure da qualsiasi codice colore esadecimale con numero di passaggi personalizzabile.
Esegui lo strumento
Questo strumento crea scale cromatiche chiare e scure a partire da una tonalità base in formato esadecimale. Puoi impostare un codice a tre o sei cifre, con o senza il cancelletto iniziale: il generatore espande automaticamente i codici brevi ripetendo ciascun carattere e aggiunge il prefisso se manca. Il selettore dei passaggi definisce quanti livelli intermedi calcolare, impostato in modo predefinito su dieci gradazioni. Puoi scegliere di generare soltanto i toni chiari, solo le ombre scure o entrambi i gruppi contemporaneamente per costruire palette coerenti per interfacce, componenti, testi o sfondi. Durante il calcolo, i canali cromatici rosso, verde e blu mantengono valori arrotondati a numeri interi compresi nell'intervallo tra zero e duecentocinquantacinque prima di produrre la stringa esadecimale finale. In presenza di un formato colore non valido, la schermata mostra una segnalazione per consentire la correzione immediata della stringa originale.
Istruzioni
- Inserisci un codice colore esadecimale a tre o sei caratteri (come #3498db oppure f00), oppure mantieni il colore predefinito.
- Imposta il numero di passaggi desiderato per definire quanti livelli intermedi calcolare per ciascun gruppo.
- Seleziona se includere le gradazioni chiare, le gradazioni scure o entrambi i gruppi tramite le apposite caselle.
- Avvia la generazione per visualizzare la serie completa di codici esadecimali calcolati.
Esempi
- Generazione di 5 gradazioni chiare e 5 scure partendo dal colore blu #3498db: il generatore restituisce cinque tonalità progressive verso il bianco e cinque verso il nero.
- Creazione di soli toni scuri con 3 passaggi partendo dal codice breve f00: il sistema espande il valore in #ff0000 e calcola tre varianti scure fino al nero.
FAQ
Posso inserire un codice colore senza il simbolo cancelletto?
Sì, lo strumento aggiunge automaticamente il prefisso # al valore inserito prima di elaborare le gradazioni.
Come funzionano i codici esadecimali a tre cifre?
Il generatore espande ogni singola cifra raddoppiandola, trasformando ad esempio #abc in #aabbcc prima di calcolare i passaggi.
Cosa succede se disattivo una delle due caselle di variante?
Se deselezioni i toni chiari o i toni scuri, l'elenco finale conterrà solo il gruppo di varianti rimasto attivo con il numero di passaggi indicato.