Creato a 07/22/2025 17:04
Data-Driven Design System Colors
- Metric Blue#3a7ca5
- Schema Pink#ff99c8
- UX Signal White#f5f5f5
- Insight Indigo#4b0082
- Process Graphite#2f2f2f
- Label Green#b6f7b1
La tavolozza è composta da Leggero, Buio colori. Colori accentati Schema Pink #ff99c8 e Label Green #b6f7b1. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2F2F2F (più scuro) a #F5F5F5 (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): #2F2F2F, #3A7CA5, #4B0082, #B6F7B1, #F5F5F5, #FF99C8
La tavolozza Data-Driven Design System Colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a7ca5, RGB: (58, 124, 165); ESADECIMALE: #ff99c8, RGB: (255, 153, 200); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245)
ESADECIMALE: #4b0082, RGB: (75, 0, 130); ESADECIMALE: #2f2f2f, RGB: (47, 47, 47); ESADECIMALE: #b6f7b1, RGB: (182, 247, 177)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Ombra di plum, Ombra di Nero, Ombra di palegreen
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Data-Driven Design System Colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Metric Blue | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Schema Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | UX Signal White | White Smoke |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Insight Indigo | Indigo |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Process Graphite | — |
| #b6f7b1 | #b6f7b1 | RGB(182, 247, 177) | Label Green | — |
Contrasto della palette di colori
4 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 |
#ff99c8 | #f5f5f5 | 1.8 |
#ff99c8 | #b6f7b1 | 1.59 |
#f5f5f5 | #b6f7b1 | 1.13 |
#4b0082 | #2f2f2f | 1.03 |
Tavolozza immagini Data-Driven Design System Colors png
Esporta tavolozza
Scarica la "Data-Driven Design System Colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: