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 contrasto WCAG 2.1 e il punteggio APCA Lc tra testo e sfondo, vedi i badge AA, AAA e 3:1 e applica il colore conforme più vicino.
Generatore di gradienti CSS
Crea gradienti CSS lineari, radiali e conici in modo visivo con una barra di stop trascinabile, livelli, palette casuali e una regola pronta da copiare.