Generatore e selezionatore di codici colore

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

Conversione del colore

HEX

#6fd3ff

Malibu

HEX
#6fd3ff
HSL
198, 100, 72
RGB
111, 211, 255
XYZ
48, 57, 103
CMYK
56, 17, 0, 0
LUV
80,-30,-38,
LAB
80, -17, -30
HWB
198, 44, 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.

#6fd3ff

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