Generatore di palette tetradica rettangolare
Crea una palette di quattro colori con due coppie complementari. Inserisci un colore di base e ottieni subito i colori tetradici. L’elaborazione avviene loca…
Inizia a usare
Come funziona la palette tetradica rettangolare
Questo strumento genera una combinazione di quattro colori basata su due coppie complementari. La spaziatura è fissa a 60 gradi: partendo dal colore di base, gli altri tre colori sono posizionati a 60, 180 e 240 gradi sulla ruota dei colori HSL. Ad esempio, con il colore di base rosso (#FF0000), i colori risultanti sono giallo (#FFFF00), ciano (#00FFFF) e blu (#0000FF).
Come usare la palette
La palette è pensata per fornire quattro colori da utilizzare come candidati per un progetto di design. Non è garantito che la combinazione sia accessibile: verifica sempre il contrasto tra testo e sfondo per le coppie che intendi utilizzare.
Modifica dei colori
Puoi modificare manualmente un colore risultante: la modifica si applica solo a quel colore, non agli altri. Il pulsante Azzera ripristina il colore di base predefinito (#3B82F6) e svuota i risultati.
Limitazioni
Lo strumento non fornisce un punteggio di contrasto automatico, una simulazione di daltonismo o un selettore di formato file. I calcoli vengono eseguiti interamente nel browser: nessun dato viene caricato su un server.
Domande frequenti
Come vengono calcolati i colori?
I colori vengono calcolati convertendo il colore di base in HSL, quindi aggiungendo offset fissi di 60, 180 e 240 gradi. La saturazione e la luminosità vengono arrotondate a numeri interi, quindi i risultati possono differire leggermente da altri generatori.
Posso modificare la spaziatura tra i colori?
No, la spaziatura è fissa a 60 gradi. Non è presente un selettore di angolo.
Come posso utilizzare i colori generati?
Puoi copiare i valori HEX dai pannelli e utilizzarli nel tuo progetto. Ricorda di testare il contrasto per le coppie di testo e sfondo.
Checklist per l'uso
- Seleziona un colore di base.
- Calcola la palette.
- Controlla i quattro colori.
- Modifica se necessario.
- Verifica l'accessibilità delle combinazioni scelte.
L’elaborazione avviene localmente nel browser.