Creato a 12/19/2022 10:54
Data web design dash
- Blue (Crayola)#2a6df0
- Light Coral#f47c84
- Green (Pantone)#0ea846
- Sonic Silver#757474
- Turquoise Green#9cd1ac
- Raisin Black#2c1c18
La tavolozza è composta da Leggero, Buio colori. Colori accentati Blue (Crayola) #2a6df0 e Light Coral #f47c84. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2C1C18 (più scuro) a #F47C84 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #0EA846, #2A6DF0, #2C1C18, #757474, #9CD1AC, #F47C84
La tavolozza Data web design dash ha una combinazione di colori dei codici 6:
ESADECIMALE: #2a6df0, RGB: (42, 109, 240); ESADECIMALE: #f47c84, RGB: (244, 124, 132); ESADECIMALE: #0ea846, RGB: (14, 168, 70)
ESADECIMALE: #757474, RGB: (117, 116, 116); ESADECIMALE: #9cd1ac, RGB: (156, 209, 172); ESADECIMALE: #2c1c18, RGB: (44, 28, 24)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di lightcoral, Tonalità di mediumseagreen, Ombra di dimgrey, Ombra di darkseagreen, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Data web design dash codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2a6df0 | #2a6df0 | RGB(42, 109, 240) | Blue (Crayola) | — |
| #f47c84 | #f47c84 | RGB(244, 124, 132) | Light Coral | — |
| #0ea846 | #0ea846 | RGB(14, 168, 70) | Green (Pantone) | — |
| #757474 | #757474 | RGB(117, 116, 116) | Sonic Silver | — |
| #9cd1ac | #9cd1ac | RGB(156, 209, 172) | Turquoise Green | — |
| #2c1c18 | #2c1c18 | RGB(44, 28, 24) | Raisin Black | — |
Contrasto della palette di colori
8 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 |
#2a6df0 | #f47c84 | 1.77 |
#2a6df0 | #0ea846 | 1.47 |
#2a6df0 | #757474 | 1 |
#f47c84 | #0ea846 | 1.2 |
#f47c84 | #757474 | 1.78 |
#f47c84 | #9cd1ac | 1.5 |
Tavolozza immagini Data web design dash png
Esporta tavolozza
Scarica la "Data web design dash" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: