Creato a 07/11/2025 09:53
Modular Frontend Builder UI
Template Peach
#fec89a
Component Graphite
#333533
Style Token Aqua
#9bf6ff
Spacing Cream
#fffafa
Slot Indigo
#3f37c9
Schema Border Silver
#e2e2e2
La tavolozza è composta da Leggero colori. Colori accentati Style Token Aqua #9bf6ff e Spacing Cream #fffafa. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
La tavolozza Modular Frontend Builder UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #fec89a, RGB: (254, 200, 154); ESADECIMALE: #333533, RGB: (51, 53, 51); ESADECIMALE: #9bf6ff, RGB: (155, 246, 255)
ESADECIMALE: #fffafa, RGB: (255, 250, 250); ESADECIMALE: #3f37c9, RGB: (63, 55, 201); ESADECIMALE: #e2e2e2, RGB: (226, 226, 226)
Versione semplificata della tavolozza dei colori
Tonalità di peachpuff, Tonalità di darkslategrey, Ombra di paleturquoise, snow, Ombra di Blu, Ombra di gainsboro
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Modular Frontend Builder UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fec89a | #fec89a | RGB(254, 200, 154) | Template Peach | — |
| #333533 | #333533 | RGB(51, 53, 51) | Component Graphite | — |
| #9bf6ff | #9bf6ff | RGB(155, 246, 255) | Style Token Aqua | — |
| #fffafa | #fffafa | RGB(255, 250, 250) | Spacing Cream | Snow |
| #3f37c9 | #3f37c9 | RGB(63, 55, 201) | Slot Indigo | — |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Schema Border Silver | — |
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 |
#fec89a | #9bf6ff | 1.22 |
#fec89a | #fffafa | 1.45 |
#fec89a | #e2e2e2 | 1.16 |
#333533 | #3f37c9 | 1.53 |
#9bf6ff | #fffafa | 1.19 |
#9bf6ff | #e2e2e2 | 1.04 |
