Creato a 07/11/2025 13:09
Accessible Web 3 Flow Kit
Form Field Blue
#4a90e2
Wireframe Beige
#f6f5f3
Link Hover Purple
#a593e0
AI Vision Green
#00c896
Component Grey
#d8dee9
JavaScript Flame
#ffad05
La tavolozza è composta da Leggero colori. Colori accentati AI Vision Green #00c896 e JavaScript Flame #ffad05. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Accessible Web 3 Flow Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #4a90e2, RGB: (74, 144, 226); ESADECIMALE: #f6f5f3, RGB: (246, 245, 243); ESADECIMALE: #a593e0, RGB: (165, 147, 224)
ESADECIMALE: #00c896, RGB: (0, 200, 150); ESADECIMALE: #d8dee9, RGB: (216, 222, 233); ESADECIMALE: #ffad05, RGB: (255, 173, 5)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di whitesmoke, Ombra di mediumpurple, Tonalità di mediumaquamarine, Ombra di gainsboro, Ombra di Arancia
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Accessible Web 3 Flow Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Form Field Blue | — |
| #f6f5f3 | #f6f5f3 | RGB(246, 245, 243) | Wireframe Beige | — |
| #a593e0 | #a593e0 | RGB(165, 147, 224) | Link Hover Purple | — |
| #00c896 | #00c896 | RGB(0, 200, 150) | AI Vision Green | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Component Grey | — |
| #ffad05 | #ffad05 | RGB(255, 173, 5) | JavaScript Flame | — |
Contrasto della palette di colori
12 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 |
#4a90e2 | #a593e0 | 1.23 |
#4a90e2 | #00c896 | 1.52 |
#4a90e2 | #ffad05 | 1.76 |
#f6f5f3 | #00c896 | 1.98 |
#f6f5f3 | #d8dee9 | 1.23 |
#f6f5f3 | #ffad05 | 1.71 |
