Creato a 10/03/2025 22:01
Quantum inspired progressive UI kit theme
Quantum Teal
#00bfa6
Accent Amber
#ffba08
Neural Indigo
#3a0ca3
Data Red
#ef233c
Cloud White
#fefefe
Dark Panel Grey
#212529
Hover Pink
#ff70a6
Gradient Cyan
#48cae4
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Quantum Teal #00bfa6 e Accent Amber #ffba08. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Quantum inspired progressive UI kit theme ha una combinazione di colori dei codici 8:
ESADECIMALE: #00bfa6, RGB: (0, 191, 166); ESADECIMALE: #ffba08, RGB: (255, 186, 8); ESADECIMALE: #3a0ca3, RGB: (58, 12, 163)
ESADECIMALE: #ef233c, RGB: (239, 35, 60); ESADECIMALE: #fefefe, RGB: (254, 254, 254); ESADECIMALE: #212529, RGB: (33, 37, 41)
ESADECIMALE: #ff70a6, RGB: (255, 112, 166); ESADECIMALE: #48cae4, RGB: (72, 202, 228)
Versione semplificata della tavolozza dei colori
Tonalità di lightseagreen, Ombra di goldenrod, Ombra di mediumblue, Ombra di crimson, Tonalità di Bianco, Ombra di Nero, Ombra di hotpink, Tonalità di skyblue
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Quantum inspired progressive UI kit theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Quantum Teal | — |
| #ffba08 | #ffba08 | RGB(255, 186, 8) | Accent Amber | — |
| #3a0ca3 | #3a0ca3 | RGB(58, 12, 163) | Neural Indigo | — |
| #ef233c | #ef233c | RGB(239, 35, 60) | Data Red | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Cloud White | White as Heaven |
| #212529 | #212529 | RGB(33, 37, 41) | Dark Panel Grey | — |
| #ff70a6 | #ff70a6 | RGB(255, 112, 166) | Hover Pink | — |
| #48cae4 | #48cae4 | RGB(72, 202, 228) | Gradient Cyan | — |
Contrasto della palette di colori
11 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 |
#00bfa6 | #ffba08 | 1.36 |
#00bfa6 | #ef233c | 1.8 |
#00bfa6 | #ff70a6 | 1.1 |
#00bfa6 | #48cae4 | 1.2 |
#ffba08 | #fefefe | 1.69 |
#ffba08 | #ff70a6 | 1.51 |
