Loading...
Creato a 05/27/2025 10:36
Jellybeam UI Toggle
- Jelly Peach#ffd6b2
- Beam Mint#c7f6e8
- Toggle Lilac#e3d2ff
- Shell Blush#ffdfde
- Interface Cloud#f5f7f9
- Bold Ink#1f1f20
La tavolozza è composta da Leggero, Buio colori. Colori accentati Beam Mint #c7f6e8 e Shell Blush #ffdfde. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #1F1F20 (più scuro) a #F5F7F9 (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): #1F1F20, #C7F6E8, #E3D2FF, #F5F7F9, #FFD6B2, #FFDFDE
La tavolozza Jellybeam UI Toggle ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffd6b2, RGB: (255, 214, 178); ESADECIMALE: #c7f6e8, RGB: (199, 246, 232); ESADECIMALE: #e3d2ff, RGB: (227, 210, 255)
ESADECIMALE: #ffdfde, RGB: (255, 223, 222); ESADECIMALE: #f5f7f9, RGB: (245, 247, 249); ESADECIMALE: #1f1f20, RGB: (31, 31, 32)
Versione semplificata della tavolozza dei colori
Tonalità di peachpuff, Ombra di paleturquoise, Ombra di thistle, Tonalità di mistyrose, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Jellybeam UI Toggle codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffd6b2 | #ffd6b2 | RGB(255, 214, 178) | Jelly Peach | — |
| #c7f6e8 | #c7f6e8 | RGB(199, 246, 232) | Beam Mint | — |
| #e3d2ff | #e3d2ff | RGB(227, 210, 255) | Toggle Lilac | — |
| #ffdfde | #ffdfde | RGB(255, 223, 222) | Shell Blush | — |
| #f5f7f9 | #f5f7f9 | RGB(245, 247, 249) | Interface Cloud | — |
| #1f1f20 | #1f1f20 | RGB(31, 31, 32) | Bold Ink | — |
Contrasto della palette di colori
10 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 |
#ffd6b2 | #c7f6e8 | 1.14 |
#ffd6b2 | #e3d2ff | 1.03 |
#ffd6b2 | #ffdfde | 1.08 |
#ffd6b2 | #f5f7f9 | 1.26 |
#c7f6e8 | #e3d2ff | 1.19 |
#c7f6e8 | #ffdfde | 1.05 |
Tavolozza immagini Jellybeam UI Toggle png
Esporta tavolozza
Scarica la "Jellybeam UI Toggle" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: