Sidebar Splashwave
- Primary UI Aqua#96f2ff
- Secondary Petal Pink#ffd6e8
- Accent Hint Mint#c6ffd0
- Background Dock White#ffffff
- Surface Layout Beige#f5f2ec
- Text Shadow Black#202020
Créé le 05/30/2025 13:48
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Secondary Petal Pink #ffd6e8 et Accent Hint Mint #c6ffd0. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #202020 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 2 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 froid (2 sur 6).
Codes HEX (triés) : #202020, #96F2FF, #C6FFD0, #F5F2EC, #FFD6E8, #FFFFFF
La palette Sidebar Splashwave combine 6 codes couleur:
HEX: #96f2ff, RVB: (150, 242, 255); HEX: #ffd6e8, RVB: (255, 214, 232); HEX: #c6ffd0, RVB: (198, 255, 208)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #f5f2ec, RVB: (245, 242, 236); HEX: #202020, RVB: (32, 32, 32)
Version simplifiée des couleurs de la palette
Nuance de Turquoise pâle, Teinte de Rose, Teinte de Aigue-marine, Blanc, Nuance de Blanc floral, Teinte de Noir
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Sidebar Splashwave codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #96f2ff | #96f2ff | RVB(150, 242, 255) | Primary UI Aqua | — |
| #ffd6e8 | #ffd6e8 | RVB(255, 214, 232) | Secondary Petal Pink | — |
| #c6ffd0 | #c6ffd0 | RVB(198, 255, 208) | Accent Hint Mint | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Background Dock White | White |
| #f5f2ec | #f5f2ec | RVB(245, 242, 236) | Surface Layout Beige | — |
| #202020 | #202020 | RVB(32, 32, 32) | Text Shadow Black | — |
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 |
|---|---|---|
#96f2ff | #ffd6e8 | 1.02 |
#96f2ff | #c6ffd0 | 1.13 |
#96f2ff | #ffffff | 1.27 |
#96f2ff | #f5f2ec | 1.14 |
#ffd6e8 | #c6ffd0 | 1.16 |
#ffd6e8 | #ffffff | 1.3 |
Palette d'images Sidebar Splashwave png
Exporter la palette
Téléchargez la "Sidebar Splashwave" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :