INIZIALIZZAZIONE DEL SISTEMA
Utility cromatica avanzata pronta.
Scegli un colore visivamente, regola i toni e genera una palette professionale.
SELEZIONE VISIVA DEL COLORE BASE
CAMPIONE ATTIVO
COLORI RAPIDI
Non serve conoscere il codice del colore: puoi sceglierlo dalla palette visiva e il sistema genera automaticamente HEX, RGB, HSL, HSV e CMYK.
CENTRO DI CONTROLLO CROMATICO
RIEPILOGO DEL SISTEMA
COLORE ATTIVO
#1D63FF
FORMATI PRINCIPALI
- HEX#1D63FF
- RGBrgb(29, 99, 255)
- HSLhsl(221, 100%, 56%)
- HSVhsv(221, 89%, 100%)
- CMYKcmyk(89%, 61%, 0%, 0%)
METADATI DEL COLORE
- Luminanza relativa0.168
- Testo consigliatoBianco
- Temperatura visivaFreddo
- SATURAZIONEAlta
- LuminositàMedio / alto
TONI RAPIDI
RACCOMANDAZIONI
- Il colore attivo funziona bene come colore principale per interfacce.
- Abbinalo a un neutro chiaro per una migliore gerarchia visiva.
- Controlla il contrasto prima di usarlo in testo piccolo.
- Usa la sezione gradiente per creare sfondi più ricchi.
CONVERTITORE COLORE AVANZATO
INSERIMENTO DIRETTO
SELETTORE VISIVO SECONDARIO
GENERATORE DI PALETTE
CONFIGURAZIONE PALETTA
ARMONIE DI COLORE
TIPI DISPONIBILI
- Complementare-
- Analoga-
- Triadica-
- Tetradica-
- Monocromatica-
SELETTORE ARMONIA
VISTA ARMONIA
CONTRASTO E ACCESSIBILITÀ
COMPARATORE
Anteprima
Testo di esempio per controllare la leggibilità
Testo piccolo · pulsante · interfaccia · accessibilità
RISULTATO WCAG
- Rapporto-
- AA testo normale-
- AA testo grande-
- AAA testo normale-
- AAA testo grande-
GENERATORE DI GRADIENTI
CONFIGURAZIONE
ANTEPRIMA
background: linear-gradient(90deg, #1D63FF 0%, #FFAE24 100%);
ESPORTAZIONE DATI
FORMATI DISPONIBILI
USCITA
CRONOLOGIA E PREFERITI
COLORI RECENTI
SCORCIATOIE RAPIDE
- Fai clic su un campione per caricarlo come colore attivo.
- Usa “Colore casuale” per esplorare combinazioni inattese.
- Blocca i colori della palette e rigenera gli altri.
- Esporta variabili CSS da usare nei tuoi progetti.
TESTO DESCRITTIVO
Questa palette colori online ti permette di lavorare in modo professionale con HEX, RGB, HSL, HSV e CMYK, generare armonie, verificare contrasti e creare gradienti direttamente nel browser.
È ideale per web design, branding, interfacce, social network, stampa e prototipi visivi quando servono codici precisi e combinazioni bilanciate.
Include anche esportazione rapida, cronologia locale e raccomandazioni automatiche per migliorare accessibilità e coerenza cromatica.