Créé à 08/08/2022 12:44
Web ux landing design palette
- Blue (Crayola)#2564e9
- Shandy#f5e672
- Catalina Blue#0c2e78
- Pearly Purple#aa639a
- Laurel Green#acb9a4
- Dark Puce#4c3444
La palette se compose de Semi foncé, Lumière, Sombre couleurs. Couleurs d'accent Shandy #f5e672 et Catalina Blue #0c2e78. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #4C3444 (plus sombre) à #F5E672 (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).
La température globale penche vers le froid.
Codes HEX (triés) : #0C2E78, #2564E9, #4C3444, #AA639A, #ACB9A4, #F5E672
La palette Web ux landing design palette a une combinaison de couleurs de codes 6:
HEX: #2564e9, RVB: (37, 100, 233); HEX: #f5e672, RVB: (245, 230, 114); HEX: #0c2e78, RVB: (12, 46, 120)
HEX: #aa639a, RVB: (170, 99, 154); HEX: #acb9a4, RVB: (172, 185, 164); HEX: #4c3444, RVB: (76, 52, 68)
Version simplifiée des couleurs de la palette
Nuance de royalblue, Nuance de Kaki, Ombre de midnightblue, Nuance de mediumorchid, Ombre de darkseagreen, Nuance de darkslateblue
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Web ux landing design palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #2564e9 | #2564e9 | RVB(37, 100, 233) | Blue (Crayola) | — |
| #f5e672 | #f5e672 | RVB(245, 230, 114) | Shandy | — |
| #0c2e78 | #0c2e78 | RVB(12, 46, 120) | Catalina Blue | — |
| #aa639a | #aa639a | RVB(170, 99, 154) | Pearly Purple | — |
| #acb9a4 | #acb9a4 | RVB(172, 185, 164) | Laurel Green | — |
| #4c3444 | #4c3444 | RVB(76, 52, 68) | Dark Puce | — |
Contraste de la palette de couleurs
3 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 |
#2564e9 | #aa639a | 1.21 |
#f5e672 | #acb9a4 | 1.6 |
#0c2e78 | #4c3444 | 1.12 |
Palette d'images Web ux landing design palette png
Exporter la palette
Téléchargez la "Web ux landing design palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :