Créé à 10/27/2022 12:13
Interaction web design branding
- Gamboge#db921b
- Peach-Orange#f1c09a
- Golden Brown#925c18
- Blue Yonder#576fa5
- Pastel Blue#aacccc
- Deep Moss Green#366044
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Gamboge #db921b et Blue Yonder #576fa5. La palette a une température de couleur Chaud, Froid.
En luminosité, cette palette va de #366044 (plus sombre) à #F1C09A (plus clair). L’écart de luminosité est modéré.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #366044, #576FA5, #925C18, #AACCCC, #DB921B, #F1C09A
La palette Interaction web design branding a une combinaison de couleurs de codes 6:
HEX: #db921b, RVB: (219, 146, 27); HEX: #f1c09a, RVB: (241, 192, 154); HEX: #925c18, RVB: (146, 92, 24)
HEX: #576fa5, RVB: (87, 111, 165); HEX: #aacccc, RVB: (170, 204, 204); HEX: #366044, RVB: (54, 96, 68)
Version simplifiée des couleurs de la palette
Ombre de peru, Ombre de burlywood, Ombre de saddlebrown, Ombre de royalblue, Nuance de powderblue, Nuance de darkolivegreen
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Interaction web design branding codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #db921b | #db921b | RVB(219, 146, 27) | Gamboge | — |
| #f1c09a | #f1c09a | RVB(241, 192, 154) | Peach-Orange | — |
| #925c18 | #925c18 | RVB(146, 92, 24) | Golden Brown | — |
| #576fa5 | #576fa5 | RVB(87, 111, 165) | Blue Yonder | — |
| #aacccc | #aacccc | RVB(170, 204, 204) | Pastel Blue | — |
| #366044 | #366044 | RVB(54, 96, 68) | Deep Moss Green | — |
Contraste de la palette de couleurs
7 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 |
#db921b | #f1c09a | 1.56 |
#db921b | #576fa5 | 1.92 |
#db921b | #aacccc | 1.5 |
#f1c09a | #aacccc | 1.04 |
#925c18 | #576fa5 | 1.12 |
#925c18 | #366044 | 1.29 |
Palette d'images Interaction web design branding png
Exporter la palette
Téléchargez la "Interaction web design branding" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :