# Generatore di tonalità e sfumature

> Crea scale di luminosità etichettate a partire da un colore di base.

[Open tool](https://www.toolcabana.com/it/color-shade-and-tint-generator) · [Design e CSS](https://www.toolcabana.com/it/category/design-and-css)

Tool ID: color-shade-and-tint-generator. Requested language: it. Description language: it. Complete guide translation: yes.

## Overview (en)

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.

## Supported tasks (it)

Crea scale di luminosità etichettate a partire da un colore di base. Genera scale deterministiche invece di un altro generico strumento per palette.

## Steps (it)

1. Inserisci i valori richiesti nel pannello delle impostazioni.
2. Imposta colore di base e passi per direzione.
3. Esegui Generatore di tonalità e sfumature, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.

## Settings

- Colore di base (it; key: color; type: color)
- Passi per direzione (it; key: steps; type: number); minimum: 2; maximum: 10

## Limitations (it)

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.

## Privacy and connections (it)

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.

## Questions (it)

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

## Related tools

- [CSS clamp calculator](https://www.toolcabana.com/it/css-clamp-calculator)
- [CSS grid layout generator](https://www.toolcabana.com/it/css-grid-layout-generator)
- [CSS flexbox playground](https://www.toolcabana.com/it/css-flexbox-playground)
- [CSS cubic Bezier editor](https://www.toolcabana.com/it/css-cubic-bezier-editor)