Creato a 07/11/2025 09:05
UI Stateflow Architecture Kit
Idle Grey
#bdbdbd
Hover State Blue
#3a86ff
Active Red
#ef233c
Focus Ring Mint
#8affc1
Disabled Text Silver
#b5b5b5
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Active Red #ef233c e Focus Ring Mint #8affc1. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
La tavolozza UI Stateflow Architecture Kit ha una combinazione di colori dei codici 5:
ESADECIMALE: #bdbdbd, RGB: (189, 189, 189); ESADECIMALE: #3a86ff, RGB: (58, 134, 255); ESADECIMALE: #ef233c, RGB: (239, 35, 60)
ESADECIMALE: #8affc1, RGB: (138, 255, 193); ESADECIMALE: #b5b5b5, RGB: (181, 181, 181)
Versione semplificata della tavolozza dei colori
Tonalità di Argento, Ombra di dodgerblue, Ombra di crimson, Ombra di aquamarine, Tonalità di Argento
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
UI Stateflow Architecture Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Idle Grey | Gray74 |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Hover State Blue | — |
| #ef233c | #ef233c | RGB(239, 35, 60) | Active Red | — |
| #8affc1 | #8affc1 | RGB(138, 255, 193) | Focus Ring Mint | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | Disabled Text Silver | Brainstem Grey |
Contrasto della palette di colori
6 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 |
#bdbdbd | #3a86ff | 1.85 |
#bdbdbd | #8affc1 | 1.53 |
#bdbdbd | #b5b5b5 | 1.09 |
#3a86ff | #ef233c | 1.21 |
#3a86ff | #b5b5b5 | 1.69 |
#8affc1 | #b5b5b5 | 1.67 |
