Vue Composition Contrast
- Reactive Jade#00b894
- Directive Rose#ff6b6b
- Slot Cream#fff7e6
- Transition Cyan#00ced1
- DevTools Gray#2f3640
- SingleFile Yellow#ffeaa7
Créé le 06/05/2025 20:12
La palette se compose de Clair, Semi foncé couleurs. Couleurs d'accent Slot Cream #fff7e6 et Transition Cyan #00ced1. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #2F3640 (plus sombre) à #FFF7E6 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 83% des couleurs sont vives.
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 (3 sur 6).
Codes HEX (triés) : #00B894, #00CED1, #2F3640, #FF6B6B, #FFEAA7, #FFF7E6
La palette Vue Composition Contrast combine 6 codes couleur:
HEX: #00b894, RVB: (0, 184, 148); HEX: #ff6b6b, RVB: (255, 107, 107); HEX: #fff7e6, RVB: (255, 247, 230)
HEX: #00ced1, RVB: (0, 206, 209); HEX: #2f3640, RVB: (47, 54, 64); HEX: #ffeaa7, RVB: (255, 234, 167)
Version simplifiée des couleurs de la palette
Nuance de Aigue-marine moyen, Nuance de Saumon, Teinte de Vieille dentelle, Turquoise foncé, Nuance de Gris ardoise foncé, Teinte de Verge d'or pâle
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
Vue Composition Contrast codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #00b894 | #00b894 | RVB(0, 184, 148) | Reactive Jade | — |
| #ff6b6b | #ff6b6b | RVB(255, 107, 107) | Directive Rose | — |
| #fff7e6 | #fff7e6 | RVB(255, 247, 230) | Slot Cream | — |
| #00ced1 | #00ced1 | RVB(0, 206, 209) | Transition Cyan | Darkturquoise |
| #2f3640 | #2f3640 | RVB(47, 54, 64) | DevTools Gray | — |
| #ffeaa7 | #ffeaa7 | RVB(255, 234, 167) | SingleFile Yellow | — |
Contraste de la palette de couleurs
6 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 |
|---|---|---|
#00b894 | #ff6b6b | 1.09 |
#00b894 | #00ced1 | 1.29 |
#ff6b6b | #00ced1 | 1.42 |
#fff7e6 | #00ced1 | 1.83 |
#fff7e6 | #ffeaa7 | 1.12 |
#00ced1 | #ffeaa7 | 1.63 |
Palette d'images Vue Composition Contrast png
Exporter la palette
Téléchargez la "Vue Composition Contrast" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :