Area colori

Generatore di colori analoghi

Genera tonalità vicine 30 gradi su entrambi i lati di un colore di base.

Generatore di colori analoghi: TOEA applica questa formula fissa: Vicini = tonalità di base − 30° e + 30°. I calcoli dei colori vengono eseguiti localmente nel browser. Funziona al 100% localmente nel browser, senza caricare file sul server.

Esecuzioni
Nel browser
Costo
Gratuito · senza registrazione
Disponibilità
Pronto all'uso
TOEA / MOTORE DEI COLORI 01Solo browser
SCHEDA INPUT / 01

Valori del colore

I valori restano su questo dispositivo. Ricalcola dopo aver modificato un input.

SCHEDA RISULTATI / 02

Colore analogo 1

#25C6EB

HEX di base
#2563EB
Colore analogo 2
#4A25EB
Valori HEX della palette
#25C6EB #4A25EB
Formula utilizzataVicini = tonalità di base − 30° e + 30°
IPOTESI / LEGGI PRIMA DELL'USO
  1. I risultati sono trasformazioni matematiche sRGB deterministiche; l'aspetto visualizzato dipende dal monitor e dal profilo colore.
  2. L'input HEX accetta la notazione #RGB o #RRGGBB. I valori restano nel browser e non vengono caricati.

Dare un po' di contrasto ai colori vicini

I colori analoghi sono vicini tra loro e condividono la saturazione e la luminosità della base, quindi si fondono con armonia e sono adatti a gradienti, sfondi e illustrazioni. Proprio questa vicinanza impedisce però di separare il testo dallo sfondo o di indicare cosa è cliccabile. Varia la luminosità di un colore per il testo e le superfici e aggiungi un accento a contrasto, per esempio l'opposto della base generato dal generatore di colori complementari, per pulsanti ed evidenziazioni.

Trenta gradi non sono sempre lo stesso passaggio

L'HSL distribuisce le tonalità in modo non uniforme per l'occhio. Tra il rosso a 0°, l'arancione a 30° e il giallo a 60°, ogni passaggio di 30° porta a un colore con un nome diverso, mentre l'intervallo da circa 90° a 150° è tutto verde; perciò una combinazione analoga basata sul verde può apparire quasi identica. Una base rossa gira inoltre intorno alla ruota, producendo un rosa vicino a 330° da un lato e l'arancione dall'altro.

Come usarlo

  1. Inserisci valori #RGB o #RRGGBB validi e qualsiasi percentuale richiesta.
  2. Esegui l'operazione sui colori, fissa e locale nel browser.
  3. Controlla i campioni e copia il risultato o i valori della palette.

Privacy e limitazioni

I valori dei colori restano su questo dispositivo. Il risultato del contrasto è uno strumento di verifica matematico, non una garanzia generale di conformità WCAG; contesto, rendering dei caratteri, contrasto degli elementi non testuali e stati dell'interfaccia utente devono comunque essere verificati.

Strumenti correlati

Domande frequenti

Come funziona la palette analoga?

Usa Vicini = tonalità di base − 30° e + 30°.

Quali formati HEX sono accettati?

Usa la notazione sRGB a tre cifre #RGB o a sei cifre #RRGGBB. I canali alfa e i colori con nome non sono accettati.

Il risultato del contrasto garantisce la conformità in materia di accessibilità?

No. È uno strumento di verifica matematico del contrasto per i colori indicati e le soglie del testo, non una garanzia generale di conformità.

Strumento gratuito · nel browser esecuzioni · senza account