# Generatore di sfumature scure

Generate sfumature più scure di un colore mescolandolo con il nero in passaggi regolari. Inserite un colore in qualsiasi formato CSS, scegliete da 2 a 20 passaggi e uno spazio di miscelazione: otterrete una tabella con i valori HEX, RGB, HSL e OKLCH per ogni sfumatura, a partire dal colore originale. La miscelazione sRGB riproduce il comportamento dei classici strumenti per le sfumature e di Sass, mentre OKLab offre passaggi uniformi dal punto di vista percettivo. Ideale per creare scale cromatiche UI.

## Domande frequenti

### Che cos'è una sfumatura?

Una sfumatura è un colore mescolato con il nero. Mantiene la tonalità e diventa più scuro, a differenza di una tinta, che si ottiene mescolandolo con il bianco, o di un tono, che si ottiene mescolandolo con il grigio.

### Come sono distribuiti i passaggi?

Con N passaggi, la riga k mescola il colore con una proporzione di nero pari a (k - 1) / N: con 10 passaggi si ottengono 0%, 10%, 20% e così via fino al 90%. La prima riga corrisponde sempre al colore originale e il nero puro non viene mai incluso nell'elenco.

### Qual è la differenza tra la miscelazione sRGB e quella OKLab?

La miscelazione sRGB calcola la media dei valori dei canali codificati con la gamma, come fanno Sass mix() con il nero e la maggior parte dei generatori di sfumature classici. La miscelazione OKLab avviene in uno spazio percettivo, quindi i passaggi appaiono più uniformi in luminosità e le sfumature più scure mantengono più colore.

### Quali formati di input posso usare?

Codici esadecimali con o senza #, nomi di colori CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() e cmyk(). Inserite un solo colore per ogni operazione.

### Quante sfumature posso generare?

Da 2 a 20 per operazione, con 10 come valore predefinito. Il conteggio include il colore originale nella prima riga.

### Quali valori mostra la tabella?

Per ogni passaggio, la percentuale di nero, il codice esadecimale, rgb(), hsl() e oklch() nella sintassi moderna CSS. I canali RGB sono numeri interi; le percentuali HSL hanno fino a due decimali, mentre luminosità e cromaticità OKLCH ne hanno fino a quattro.

### Cosa succede ai colori trasparenti?

Il canale alpha dell'input viene mantenuto per ogni sfumatura, perché il nero viene miscelato con lo stesso valore alpha. I codici esadecimali hanno quindi 8 cifre e le funzioni CSS terminano con il valore alpha dopo una barra.

### Cosa succede ai colori fuori dallo spazio sRGB?

La miscelazione usa il colore completo, ma HEX, RGB e HSL possono rappresentare solo sRGB; perciò i passaggi fuori gamma vengono convertiti in sRGB con l'algoritmo CSS Color 4 in quelle colonne. La colonna OKLCH mantiene il valore non convertito.

### Come si usano le sfumature in CSS?

Copiate i valori esadecimali o oklch() nelle proprietà personalizzate, ad esempio --brand-600 e --brand-700. Per miscelare direttamente nel browser, color-mix(in oklab, var(--brand) 80%, black) produce la stessa sfumatura al 20% dell'impostazione OKLab.

### Le sfumature più scure sono automaticamente accessibili?

No. Verificate il contrasto del testo su ogni sfumatura con uno strumento di controllo del contrasto: una sfumatura che sembra scura può comunque non raggiungere 4.5:1 rispetto a un altro colore scuro o al testo colorato.

Il tuo annuncio qui?

[Scrivici](mailto:hi@dennn.is?subject=Pubblicit%C3%A0%20su%20OneClick%20Pro)

[Annuncio La suite di plugin pronta per gli agenti di WordPress.](https://sleekwp.com/?ref=oneclickpro)