Loading...
Creato a 07/04/2025 09:52
Design System Color AI Tool
- Swatch Yellow#ffe55d
- Token Teal#32d9c0
- System Surface#fcfcfc
- Interaction Ink#0c0c0c
- Guideline Gray#bebebe
- Status Blue#4c8eff
- Error Red#e34c4c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Swatch Yellow #ffe55d e Status Blue #4c8eff. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #0C0C0C (più scuro) a #FCFCFC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #0C0C0C, #32D9C0, #4C8EFF, #BEBEBE, #E34C4C, #FCFCFC, #FFE55D
La tavolozza Design System Color AI Tool ha una combinazione di colori dei codici 7:
ESADECIMALE: #ffe55d, RGB: (255, 229, 93); ESADECIMALE: #32d9c0, RGB: (50, 217, 192); ESADECIMALE: #fcfcfc, RGB: (252, 252, 252)
ESADECIMALE: #0c0c0c, RGB: (12, 12, 12); ESADECIMALE: #bebebe, RGB: (190, 190, 190); ESADECIMALE: #4c8eff, RGB: (76, 142, 255)
ESADECIMALE: #e34c4c, RGB: (227, 76, 76)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di turquoise, Tonalità di Bianco, Ombra di Nero, Tonalità di Argento, Tonalità di cornflowerblue, Tonalità di indianred
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Design System Color AI Tool codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffe55d | #ffe55d | RGB(255, 229, 93) | Swatch Yellow | — |
| #32d9c0 | #32d9c0 | RGB(50, 217, 192) | Token Teal | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | System Surface | Gray99 |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Interaction Ink | Black Wash |
| #bebebe | #bebebe | RGB(190, 190, 190) | Guideline Gray | Tin Soldier |
| #4c8eff | #4c8eff | RGB(76, 142, 255) | Status Blue | — |
| #e34c4c | #e34c4c | RGB(227, 76, 76) | Error Red | — |
Contrasto della palette di colori
9 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 |
#ffe55d | #32d9c0 | 1.4 |
#ffe55d | #fcfcfc | 1.23 |
#ffe55d | #bebebe | 1.47 |
#32d9c0 | #fcfcfc | 1.73 |
#32d9c0 | #bebebe | 1.04 |
#32d9c0 | #4c8eff | 1.78 |
Tavolozza immagini Design System Color AI Tool png
Esporta tavolozza
Scarica la "Design System Color AI Tool" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: