Creato a 07/21/2025 12:51
Design System Spectrum Layer
- Guideline Peach#ffdab9
- Border Navy#1f2a44
- Component Blush#ffd5ec
- UI Ink#212121
- Sketch Olive#d9e76c
- Flow Gray#ced4da
La tavolozza è composta da Leggero, Buio colori. Colori accentati Guideline Peach #ffdab9 e Component Blush #ffd5ec. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #212121 (più scuro) a #FFD5EC (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #1F2A44, #212121, #CED4DA, #D9E76C, #FFD5EC, #FFDAB9
La tavolozza Design System Spectrum Layer ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffdab9, RGB: (255, 218, 185); ESADECIMALE: #1f2a44, RGB: (31, 42, 68); ESADECIMALE: #ffd5ec, RGB: (255, 213, 236)
ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #d9e76c, RGB: (217, 231, 108); ESADECIMALE: #ced4da, RGB: (206, 212, 218)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Ombra di thistle, Ombra di Nero, Tonalità di Cachi, Tonalità di lightgrey
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Design System Spectrum Layer codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffdab9 | #ffdab9 | RGB(255, 218, 185) | Guideline Peach | Peach Puff |
| #1f2a44 | #1f2a44 | RGB(31, 42, 68) | Border Navy | — |
| #ffd5ec | #ffd5ec | RGB(255, 213, 236) | Component Blush | — |
| #212121 | #212121 | RGB(33, 33, 33) | UI Ink | Lead |
| #d9e76c | #d9e76c | RGB(217, 231, 108) | Sketch Olive | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Flow Gray | — |
Contrasto della palette di colori
7 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 |
#ffdab9 | #ffd5ec | 1 |
#ffdab9 | #d9e76c | 1.02 |
#ffdab9 | #ced4da | 1.13 |
#1f2a44 | #212121 | 1.12 |
#ffd5ec | #d9e76c | 1.02 |
#ffd5ec | #ced4da | 1.13 |
Tavolozza immagini Design System Spectrum Layer png
Esporta tavolozza
Scarica la "Design System Spectrum Layer" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: