Creato a 06/22/2025 07:02
Modular Web Component Swatch
- Element Indigo#7d6b91
- State Mint#9fe2bf
- Tag Blush#fad4d8
- Attribute Steel#708090
- Scope Linen#f8f1e7
- Slot Ice#f0f8ff
La tavolozza è composta da Leggero colori. Colori accentati Tag Blush #fad4d8 e Slot Ice #f0f8ff. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #7D6B91 (più scuro) a #F0F8FF (più chiaro). L’intervallo di luminosità è moderato.
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): #708090, #7D6B91, #9FE2BF, #F0F8FF, #F8F1E7, #FAD4D8
La tavolozza Modular Web Component Swatch ha una combinazione di colori dei codici 6:
ESADECIMALE: #7d6b91, RGB: (125, 107, 145); ESADECIMALE: #9fe2bf, RGB: (159, 226, 191); ESADECIMALE: #fad4d8, RGB: (250, 212, 216)
ESADECIMALE: #708090, RGB: (112, 128, 144); ESADECIMALE: #f8f1e7, RGB: (248, 241, 231); ESADECIMALE: #f0f8ff, RGB: (240, 248, 255)
Versione semplificata della tavolozza dei colori
Tonalità di mediumpurple, Ombra di mediumaquamarine, Tonalità di mistyrose, Ombra di linen
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Modular Web Component Swatch codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7d6b91 | #7d6b91 | RGB(125, 107, 145) | Element Indigo | — |
| #9fe2bf | #9fe2bf | RGB(159, 226, 191) | State Mint | Bright Sea Green |
| #fad4d8 | #fad4d8 | RGB(250, 212, 216) | Tag Blush | — |
| #708090 | #708090 | RGB(112, 128, 144) | Attribute Steel | Chain Gang Grey |
| #f8f1e7 | #f8f1e7 | RGB(248, 241, 231) | Scope Linen | — |
| #f0f8ff | #f0f8ff | RGB(240, 248, 255) | Slot Ice | Alice Blue |
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 |
#7d6b91 | #708090 | 1.18 |
#9fe2bf | #fad4d8 | 1.09 |
#9fe2bf | #f8f1e7 | 1.32 |
#9fe2bf | #f0f8ff | 1.38 |
#fad4d8 | #f8f1e7 | 1.21 |
#fad4d8 | #f0f8ff | 1.26 |
Tavolozza immagini Modular Web Component Swatch png
Esporta tavolozza
Scarica la "Modular Web Component Swatch" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: