Creato a 02/23/2021 07:22
26
orange lighten-5
#fff3e0
orange lighten-4
#ffe0b2
orange lighten-3
#ffcc80
orange lighten-2
#ffb74d
orange lighten-1
#ffa726
orange
#ff9800
orange darken-1
#fb8c00
orange darken-2
#f57c00
orange darken-3
#ef6c00
orange darken-4
#e65100
orange accent-1
#ffd180
orange accent-2
#ffab40
orange accent-3
#ff9100
orange accent-4
#ff6d00
La tavolozza è composta da Leggero colori. Colori accentati orange lighten-5 #fff3e0 e orange lighten-4 #ffe0b2. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza 26 ha una combinazione di colori dei codici 14:
ESADECIMALE: #fff3e0, RGB: (255, 243, 224); ESADECIMALE: #ffe0b2, RGB: (255, 224, 178); ESADECIMALE: #ffcc80, RGB: (255, 204, 128)
ESADECIMALE: #ffb74d, RGB: (255, 183, 77); ESADECIMALE: #ffa726, RGB: (255, 167, 38); ESADECIMALE: #ff9800, RGB: (255, 152, 0)
ESADECIMALE: #fb8c00, RGB: (251, 140, 0); ESADECIMALE: #f57c00, RGB: (245, 124, 0); ESADECIMALE: #ef6c00, RGB: (239, 108, 0)
ESADECIMALE: #e65100, RGB: (230, 81, 0); ESADECIMALE: #ffd180, RGB: (255, 209, 128); ESADECIMALE: #ffab40, RGB: (255, 171, 64)
ESADECIMALE: #ff9100, RGB: (255, 145, 0); ESADECIMALE: #ff6d00, RGB: (255, 109, 0)
Versione semplificata della tavolozza dei colori
Ombra di antiquewhite, Ombra di navajowhite, Tonalità di navajowhite, Ombra di Arancia, Ombra di Arancia, Ombra di darkorange, Tonalità di darkorange, Tonalità di darkorange, Ombra di chocolate, Tonalità di orangered, Tonalità di navajowhite, Ombra di Arancia, Ombra di darkorange, Tonalità di coral
La combinazione di colori è stata creata da Fabia
Codici colori nella tavolozza
26 codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#fff3e0 | RGB(255, 243, 224) | orange lighten-5 | — | |
#ffe0b2 | RGB(255, 224, 178) | orange lighten-4 | — | |
#ffcc80 | RGB(255, 204, 128) | orange lighten-3 | — | |
#ffb74d | RGB(255, 183, 77) | orange lighten-2 | — | |
#ffa726 | RGB(255, 167, 38) | orange lighten-1 | — | |
#ff9800 | RGB(255, 152, 0) | orange | — | |
#fb8c00 | RGB(251, 140, 0) | orange darken-1 | — | |
#f57c00 | RGB(245, 124, 0) | orange darken-2 | — | |
#ef6c00 | RGB(239, 108, 0) | orange darken-3 | — | |
#e65100 | RGB(230, 81, 0) | orange darken-4 | — | |
#ffd180 | RGB(255, 209, 128) | orange accent-1 | — | |
#ffab40 | RGB(255, 171, 64) | orange accent-2 | — | |
#ff9100 | RGB(255, 145, 0) | orange accent-3 | — | |
#ff6d00 | RGB(255, 109, 0) | orange accent-4 | — |
Contrasto della palette di colori
75 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo | Colore di sfondo | Rapporto di contrasto |
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |