Genera scale di gradiente percettivamente uniformi tra due colori, o miscela con semantica sottrattiva.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Interpolazione nello spazio OKLab: la tonalità segue un percorso visivamente uniforme — rosso + blu viola invece di grigio torbido, senza zone morte intermedie.
Una gradazione percettivamente uniforme tra due colori qualsiasi — densità regolabile, gradiente CSS con un clic.
Scegli un colore per A e B (selettore colori o input HEX diretto); il pulsante di scambio inverte gli estremi con un clic.
La modalità percettiva interpola in OKLab, quindi anche le coppie complementari mantengono la transizione della tonalità; la modalità RGB riproduce la mescolanza ingenuo della maggior parte dei software — confronta entrambe per vedere la differenza.
Trascina il dispositivo di scorrimento dei passaggi per la densità della scala (3-15), copia il gradiente CSS completo o clicca su qualsiasi colore intermedio per aprire il suo profilo.
Tre domande frequenti sugli algoritmi di miscelazione.
Porta la scala nello studio dei gradienti per aggiungere altre interruzioni, o apri la ruota dei colori per creare armonie da un colore miscelato.
Gradienti OKLCH percettivamente uniformi, senza bande grigie, esportazione CSS con un clic.
Trascina la ruota per selezionare una base, ottieni sei schemi di armonia in tempo reale, apri nella tavola o esporta PNG.
Trasforma qualsiasi colore in una scala di sistema di design a 11 gradini, percettivamente uniforme in OKLCH, con contrasto WCAG per ogni gradino, esportazione in Tailwind/CSS/SCSS/JSON.