Generatore e selezionatore di codici colore

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

Conversione del colore

HEX

#a45620

Desert

HEX
#a45620
HSL
25, 67, 38
RGB
164, 86, 32
XYZ
19, 15, 3
CMYK
0, 48, 80, 36
LUV
45,72,37,
LAB
45, 28, 44
HWB
25, 13, 36

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.

#a45620

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