Illustration product website interface
- Malachite#0ac86a
- Yellow-Green (Crayola)#c3f672
- Pullman Brown (UPS Brown)#684119
- Rhythm#697496
- Pastel Gray#d1d7b0
- Dark Gunmetal#1a1f2d
Créé le 02/04/2022 16:19
La palette se compose de Clair, Semi foncé, Sombre couleurs. Couleurs d'accent Malachite #0ac86a et Yellow-Green (Crayola) #c3f672. La palette a une température de couleur Froid, Chaud.
En luminosité, cette palette va de #1A1F2D (plus sombre) à #C3F672 (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 (4 sur 6).
Codes HEX (triés) : #0AC86A, #1A1F2D, #684119, #697496, #C3F672, #D1D7B0
La palette Illustration product website interface combine 6 codes couleur:
HEX: #0ac86a, RVB: (10, 200, 106); HEX: #c3f672, RVB: (195, 246, 114); HEX: #684119, RVB: (104, 65, 25)
HEX: #697496, RVB: (105, 116, 150); HEX: #d1d7b0, RVB: (209, 215, 176); HEX: #1a1f2d, RVB: (26, 31, 45)
Version simplifiée des couleurs de la palette
Nuance de Vert d'eau moyen, Teinte de Vert-jaune, Nuance de Brun selle, Nuance de Gris ardoise, Nuance de Verge d'or pâle, Teinte de Noir
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Illustration product website interface codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #0ac86a | #0ac86a | RVB(10, 200, 106) | Malachite | — |
| #c3f672 | #c3f672 | RVB(195, 246, 114) | Yellow-Green (Crayola) | — |
| #684119 | #684119 | RVB(104, 65, 25) | Pullman Brown (UPS Brown) | — |
| #697496 | #697496 | RVB(105, 116, 150) | Rhythm | — |
| #d1d7b0 | #d1d7b0 | RVB(209, 215, 176) | Pastel Gray | — |
| #1a1f2d | #1a1f2d | RVB(26, 31, 45) | Dark Gunmetal | — |
Contraste de la palette de couleurs
5 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 |
|---|---|---|
#0ac86a | #c3f672 | 1.76 |
#0ac86a | #d1d7b0 | 1.48 |
#c3f672 | #d1d7b0 | 1.19 |
#684119 | #697496 | 1.92 |
#684119 | #1a1f2d | 1.84 |
Palette d'images Illustration product website interface png
Exporter la palette
Téléchargez la "Illustration product website interface" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :