Generatore e selezionatore di codici colore

Genera codici colore, variazioni, armonie e controlla i rapporti di contrasto.

Conversione del colore

HEX

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 0

Variazioni

Lo scopo di questa sezione è quello di produrre accuratamente tinte (aggiunta di bianco puro) e sfumature (aggiunta di nero puro) del colore selezionato con incrementi del 10%.

Sfumature

Tinte

Combinazioni di colori

Ogni armonia ha un proprio stato d'animo. Usa le armonie per pensare a combinazioni di colori che funzionano bene insieme.

Complemento

Un colore e il suo opposto sulla ruota dei colori, +180 gradi di tonalità. Alto contrasto.

#a100ff

Diviso-complementare

Un colore e due adiacenti al suo complemento, a +/-30 gradi di tonalità rispetto al valore opposto al colore principale. Audace come un complemento diretto, ma più versatile.

Triadico

Tre colori distanziati in modo uniforme lungo la ruota dei colori, ognuno con 120 gradi di tonalità. È meglio lasciare che sia un colore a dominare e usare gli altri come accenti.

Analogo

Tre colori della stessa luminanza e saturazione con tonalità adiacenti sulla ruota dei colori, a 30 gradi di distanza l'uno dall'altro. Transizioni fluide.

Monocromatico

Tre colori della stessa tonalità con valori di luminanza +/- 50%. Sottile e raffinato.

Tetradico

Due serie di colori complementari, separati da 60 gradi di tonalità.

Controllo del contrasto dei colori

Colore del testo
Colore di sfondo
Contrasto
Fail
Testo piccolo
✖︎
Testo grande
✖︎

Tutti sono geniali. Ma se giudichi un pesce dalla sua capacità di arrampicarsi su un albero, vivrà tutta la sua vita credendo di essere stupido.

- Albert Einstein