Generatore di tonalità e sfumature
Crea scale di luminosità etichettate a partire da un colore di base.
Come usare Generatore di tonalità e sfumature
Color shade and tint generator builds a labeled lightness scale from one base color: tints blended toward white, the base itself, and shades blended toward black. Choose 2 to 10 steps per direction for up to 21 colors, each listed with its HEX code in a table and shown as a swatch with black or white text chosen by luminance.
- Inserisci i valori richiesti nel pannello delle impostazioni.
- Imposta colore di base e passi per direzione.
- Esegui Generatore di tonalità e sfumature, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.
Cosa supporta questo strumento
Crea scale di luminosità etichettate a partire da un colore di base. Genera scale deterministiche invece di un altro generico strumento per palette.
- Colore di base
- Set this value for your task.
- Passi per direzione
- Range: 2 to 10
Limiti ed elaborazione
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.
Domande frequenti
How are tints and shades calculated?
Each RGB channel is blended linearly. Tint i moves the color i/(steps + 1) of the way toward white, and Shade i moves it the same fraction toward black, so pure white and black are never reached. The same input always gives the same scale.
How many colors does the shade and tint generator produce?
Twice the steps per direction, plus the base. With the default of 5 steps you get Tint 5 to Tint 1, Base and Shade 1 to Shade 5, eleven colors in total; the maximum of 10 steps gives 21.
Can I export the color scale?
The results table holds Label and HEX columns and copies as tab-separated text, so it pastes into spreadsheets or design notes. You can then rename labels such as Tint 3 to your own token names.
Dove viene elaborato il mio input?
Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.
Quali sono i limiti di input?
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.