Creato a 04/29/2021 16:05
Material Design Color Palette (nº1)
red-lighten-5
#ffebee
red-lighten-4
#ffcdd2
red-lighten-3
#ef9a9a
red-lighten-2
#e57373
red-lighten-1
#ef5350
red
#f44336
red-darken-1
#e53935
red-darken-2
#d32f2f
red-darken-3
#c62828
red-darken-4
#b71c1c
red-accent-1
#ff8a80
red-accent-2
#ff5252
red-accent-3
#ff1744
red-accent-4
#d50000
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati red-lighten-5 #ffebee e red-lighten-4 #ffcdd2. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza Material Design Color Palette (nº1) ha una combinazione di colori dei codici 14:
ESADECIMALE: #ffebee, RGB: (255, 235, 238); ESADECIMALE: #ffcdd2, RGB: (255, 205, 210); ESADECIMALE: #ef9a9a, RGB: (239, 154, 154)
ESADECIMALE: #e57373, RGB: (229, 115, 115); ESADECIMALE: #ef5350, RGB: (239, 83, 80); ESADECIMALE: #f44336, RGB: (244, 67, 54)
ESADECIMALE: #e53935, RGB: (229, 57, 53); ESADECIMALE: #d32f2f, RGB: (211, 47, 47); ESADECIMALE: #c62828, RGB: (198, 40, 40)
ESADECIMALE: #b71c1c, RGB: (183, 28, 28); ESADECIMALE: #ff8a80, RGB: (255, 138, 128); ESADECIMALE: #ff5252, RGB: (255, 82, 82)
ESADECIMALE: #ff1744, RGB: (255, 23, 68); ESADECIMALE: #d50000, RGB: (213, 0, 0)
Versione semplificata della tavolozza dei colori
Tonalità di lavenderblush, Ombra di Rosa, Ombra di lightcoral, Tonalità di lightcoral, Ombra di indianred, Tonalità di tomato, Ombra di Rosso, Ombra di crimson, Ombra di firebrick, Tonalità di firebrick, Ombra di salmon, Tonalità di tomato, Ombra di crimson, Tonalità di firebrick
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design Color Palette (nº1) codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough | |
| #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — | |
| #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — | |
| #e57373 | RGB(229, 115, 115) | red-lighten-2 | — | |
| #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — | |
| #f44336 | RGB(244, 67, 54) | red | — | |
| #e53935 | RGB(229, 57, 53) | red-darken-1 | — | |
| #d32f2f | RGB(211, 47, 47) | red-darken-2 | — | |
| #c62828 | RGB(198, 40, 40) | red-darken-3 | — | |
| #b71c1c | RGB(183, 28, 28) | red-darken-4 | — | |
| #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — | |
| #ff5252 | RGB(255, 82, 82) | red-accent-2 | — | |
| #ff1744 | RGB(255, 23, 68) | red-accent-3 | — | |
| #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Contrasto della palette di colori
61 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 |
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
