Interface Fondant
- Petal Peach#ffe0d3
- UI Dew Blue#d6f1ff
- Accent Buttercream#fff5c9
- Chalkwhite#ffffff
- Outline Graphite Mist#c9c9c9
- Text Anchor Black#1f1f1f
Créé le 06/01/2025 09:32
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent UI Dew Blue #d6f1ff et Accent Buttercream #fff5c9. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #1F1F1F (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le chaud (2 sur 6).
Codes HEX (triés) : #1F1F1F, #C9C9C9, #D6F1FF, #FFE0D3, #FFF5C9, #FFFFFF
La palette Interface Fondant combine 6 codes couleur:
HEX: #ffe0d3, RVB: (255, 224, 211); HEX: #d6f1ff, RVB: (214, 241, 255); HEX: #fff5c9, RVB: (255, 245, 201)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #c9c9c9, RVB: (201, 201, 201); HEX: #1f1f1f, RVB: (31, 31, 31)
Version simplifiée des couleurs de la palette
Nuance de Rose brumeux, Nuance de Azur, Nuance de Mousseline citron, Blanc, Teinte de Argent, Teinte de Noir
Le jeu de couleurs a été créé par palettespicker
Codes couleurs dans la palette
Interface Fondant codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffe0d3 | #ffe0d3 | RVB(255, 224, 211) | Petal Peach | — |
| #d6f1ff | #d6f1ff | RVB(214, 241, 255) | UI Dew Blue | — |
| #fff5c9 | #fff5c9 | RVB(255, 245, 201) | Accent Buttercream | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Chalkwhite | White |
| #c9c9c9 | #c9c9c9 | RVB(201, 201, 201) | Outline Graphite Mist | Gray79 |
| #1f1f1f | #1f1f1f | RVB(31, 31, 31) | Text Anchor Black | Gray12 |
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 |
|---|---|---|
#ffe0d3 | #d6f1ff | 1.06 |
#ffe0d3 | #fff5c9 | 1.13 |
#ffe0d3 | #ffffff | 1.24 |
#ffe0d3 | #c9c9c9 | 1.32 |
#d6f1ff | #fff5c9 | 1.07 |
#d6f1ff | #ffffff | 1.17 |
Palette d'images Interface Fondant png
Exporter la palette
Téléchargez la "Interface Fondant" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :