Generatore di schemi di colori analoghi
Genera schemi di colori analoghi partendo da un colore base. Regola l'angolo da 1° a 90° e ottieni tre colori in HEX. Strumento gratuito e locale. L’elaboraz…
Inizia a usare
Come funziona il generatore di colori analoghi
Questo strumento ti aiuta a creare una palette di colori analoghi, cioè colori vicini sulla ruota cromatica. È utile per progettare interfacce, grafiche o illustrazioni con un aspetto armonioso e coerente.
Il processo di calcolo
Il colore base viene convertito in HSL (tonalità, saturazione, luminosità). I due colori analoghi vengono generati aggiungendo e sottraendo l'angolo impostato alla tonalità del colore base, mantenendo saturazione e luminosità. La tonalità viene avvolta a 360 gradi per garantire che i colori siano sempre validi.
Esempio pratico
Se selezioni il colore base #3B82F6 (che corrisponde a HSL(217, 91%, 60%)) e imposti un angolo di 30 gradi, otterrai:
#3CE0F6(analogo a sinistra)#3B82F6(colore base invariato)#523CF6(analogo a destra)
Con un angolo di 90 gradi, i colori diventano #3CF652, #3B82F6 e #F63CE0.
Personalizzazione avanzata
Ogni campione di colore (base e risultati) ha un pannello avanzato dove puoi modificare i valori HEX, RGB, HSV e HSL. Modificare un colore risultante non ricalcola gli altri: ogni colore è indipendente.
Limitazioni e consigli
Lo strumento non fornisce punteggi di contrasto automatici, simulazioni di daltonismo o avvisi di gamut. La spaziatura analoga non garantisce un contrasto accessibile: verifica sempre le coppie di colori per testo e sfondo rispetto agli obiettivi di accessibilità (ad esempio WCAG).
FAQ
Posso modificare un colore risultante senza influenzare gli altri?
Sì, ogni colore risultante ha un pannello avanzato indipendente. Modificare un colore non ricalcola gli altri due.
Qual è l'intervallo consentito per l'angolo?
L'angolo può essere impostato da 1 a 90 gradi. Il valore predefinito è 30 gradi.
Il colore base viene sempre incluso nella palette?
Sì, il colore centrale è sempre il colore base che hai scelto, senza alcuna conversione, quindi il suo valore HEX rimane identico.
Checklist per l'uso
- Seleziona un colore base appropriato per il tuo progetto.
- Imposta l'angolo di separazione desiderato.
- Genera lo schema e controlla i tre colori.
- Modifica i colori se necessario tramite i pannelli avanzati.
- Verifica il contrasto per testo e accessibilità.
- Copia i valori HEX finali.
L’elaborazione avviene localmente nel browser.