Creato a 06/12/2025 08:42
Accessible UX Microcopy Pack
- Title Navy#1e293b
- Subtitle Pink#fbcfe8
- Helper Sky#bae6fd
- Tooltip Ivory#fffbf0
- Callout Mint#a7f3d0
- Label Charcoal#2c2c2c
La tavolozza è composta da Buio, Leggero colori. Colori accentati Helper Sky #bae6fd e Tooltip Ivory #fffbf0. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #2C2C2C (più scuro) a #FFFBF0 (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1E293B, #2C2C2C, #A7F3D0, #BAE6FD, #FBCFE8, #FFFBF0
La tavolozza Accessible UX Microcopy Pack ha una combinazione di colori dei codici 6:
ESADECIMALE: #1e293b, RGB: (30, 41, 59); ESADECIMALE: #fbcfe8, RGB: (251, 207, 232); ESADECIMALE: #bae6fd, RGB: (186, 230, 253)
ESADECIMALE: #fffbf0, RGB: (255, 251, 240); ESADECIMALE: #a7f3d0, RGB: (167, 243, 208); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Ombra di thistle, Ombra di lightblue, Ombra di floralwhite, Ombra di aquamarine, Ombra di Nero
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Accessible UX Microcopy Pack codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1e293b | #1e293b | RGB(30, 41, 59) | Title Navy | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Subtitle Pink | — |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Helper Sky | — |
| #fffbf0 | #fffbf0 | RGB(255, 251, 240) | Tooltip Ivory | Vanilla Shake |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Callout Mint | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Label Charcoal | — |
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 |
#1e293b | #2c2c2c | 1.04 |
#fbcfe8 | #bae6fd | 1.04 |
#fbcfe8 | #fffbf0 | 1.33 |
#fbcfe8 | #a7f3d0 | 1.07 |
#bae6fd | #fffbf0 | 1.28 |
#bae6fd | #a7f3d0 | 1.03 |
Tavolozza immagini Accessible UX Microcopy Pack png
Esporta tavolozza
Scarica la "Accessible UX Microcopy Pack" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: