Colore → sistema di design
Inserisci un colore e genera automaticamente una palette, un gradiente e una verifica del contrasto AA/AAA.
Colore → sistema di design — Una pipeline di colore collegata: un HEX confluisce in un generatore di palette, i cui colori di base e complementari alimentano un verificatore di contrasto (AA/AAA) e un generatore di gradienti CSS allo stesso tempo. Scegli un colore e ottieni un intero sistema di design.
Strumenti inclusi
Convertitore di colori
Converti i colori tra HEX, RGB e HSL con un'anteprima dal vivo.
Generatore di palette di colori
Genera sfumature, tinte e colori armoniosi a partire da un colore HEX di base, ciascuno con un valore HEX copiabile.
Verificatore di contrasto dei colori
Controlla il rapporto di contrasto WCAG tra un colore HEX di primo piano e uno di sfondo e verifica se supera AA e AAA per testo normale e grande.
Generatore di gradienti CSS
Crea un gradiente CSS lineare, radiale o conico con stop di colore personalizzati e un angolo, visualizza il risultato in anteprima dal vivo e copia la regola background pronta da incollare.