Créé à 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 palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Beam Mint #c7f6e8 et Shell Blush #ffdfde. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #1F1F20 (plus sombre) à #F5F7F9 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #1F1F20, #C7F6E8, #E3D2FF, #F5F7F9, #FFD6B2, #FFDFDE
La palette Jellybeam UI Toggle a une combinaison de couleurs de codes 6:
HEX: #ffd6b2, RVB: (255, 214, 178); HEX: #c7f6e8, RVB: (199, 246, 232); HEX: #e3d2ff, RVB: (227, 210, 255)
HEX: #ffdfde, RVB: (255, 223, 222); HEX: #f5f7f9, RVB: (245, 247, 249); HEX: #1f1f20, RVB: (31, 31, 32)
Version simplifiée des couleurs de la palette
Nuance de peachpuff, Ombre de paleturquoise, Ombre de thistle, Nuance de mistyrose, Ombre de whitesmoke, Ombre de Noir
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Jellybeam UI Toggle codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ffd6b2 | #ffd6b2 | RVB(255, 214, 178) | Jelly Peach | — |
| #c7f6e8 | #c7f6e8 | RVB(199, 246, 232) | Beam Mint | — |
| #e3d2ff | #e3d2ff | RVB(227, 210, 255) | Toggle Lilac | — |
| #ffdfde | #ffdfde | RVB(255, 223, 222) | Shell Blush | — |
| #f5f7f9 | #f5f7f9 | RVB(245, 247, 249) | Interface Cloud | — |
| #1f1f20 | #1f1f20 | RVB(31, 31, 32) | Bold Ink | — |
Contraste de la palette de couleurs
10 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#ffd6b2 | #c7f6e8 | 1.14 |
#ffd6b2 | #e3d2ff | 1.03 |
#ffd6b2 | #ffdfde | 1.08 |
#ffd6b2 | #f5f7f9 | 1.26 |
#c7f6e8 | #e3d2ff | 1.19 |
#c7f6e8 | #ffdfde | 1.05 |
Palette d'images Jellybeam UI Toggle png
Exporter la palette
Téléchargez la "Jellybeam UI Toggle" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :