Generatore e selezionatore di codici colore

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

Conversione del colore

HEX

#ff6969

Bittersweet

HEX
#ff6969
HSL
0, 100, 71
RGB
255, 105, 105
XYZ
49, 32, 17
CMYK
0, 59, 59, 0
LUV
64,127,25,
LAB
64, 57, 30
HWB
0, 41, 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.

#ff6969

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