Generatore di palette tetradica rettangolare

Come funziona la palette tetradica rettangolare

Questo strumento genera una combinazione di quattro colori basata su due coppie complementari. Gli scostamenti dalla base sono fissati a 0°, 60°, 180° e 240°: 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. Gli scostamenti dalla base sono fissati a 0°, 60°, 180° e 240°. 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.

Il primo colore mantiene i valori RGB originali. Per gli altri tre, tonalità H, saturazione S e luminosità L della base vengono prima arrotondate a unità HSL intere. La differenza rispetto a un calcolo senza arrotondamento può superare un’unità per canale RGB: #FC0000 produce #FC0000, #FAFA00, #00FAFA e #0000FA.