Saas interface product design user
- Meat Brown#e4b43c
- Bright Lavender#b78ce8
- Café Noir#4c2c1c
- Blast-Off Bronze#a27b66
- Cadet Blue (Crayola)#abacc9
- Royal Brown#543c34
Créé le 12/06/2022 11:13
La palette se compose de Clair, Sombre, Semi foncé couleurs. Couleurs d'accent Meat Brown #e4b43c et Bright Lavender #b78ce8. La palette a une température de couleur Chaud, Froid.
En luminosité, cette palette va de #4C2C1C (plus sombre) à #E4B43C (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 3 teintes atténuées et 2 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 chaud (4 sur 6).
Codes HEX (triés) : #4C2C1C, #543C34, #A27B66, #ABACC9, #B78CE8, #E4B43C
La palette Saas interface product design user combine 6 codes couleur:
HEX: #e4b43c, RVB: (228, 180, 60); HEX: #b78ce8, RVB: (183, 140, 232); HEX: #4c2c1c, RVB: (76, 44, 28)
HEX: #a27b66, RVB: (162, 123, 102); HEX: #abacc9, RVB: (171, 172, 201); HEX: #543c34, RVB: (84, 60, 52)
Version simplifiée des couleurs de la palette
Teinte de Verge d'or, Teinte de Violet moyen, Teinte de Bordeaux, Nuance de Brun rosé, Nuance de Bleu acier clair, Nuance de Brun selle
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Saas interface product design user codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #e4b43c | #e4b43c | RVB(228, 180, 60) | Meat Brown | — |
| #b78ce8 | #b78ce8 | RVB(183, 140, 232) | Bright Lavender | — |
| #4c2c1c | #4c2c1c | RVB(76, 44, 28) | Café Noir | — |
| #a27b66 | #a27b66 | RVB(162, 123, 102) | Blast-Off Bronze | — |
| #abacc9 | #abacc9 | RVB(171, 172, 201) | Cadet Blue (Crayola) | — |
| #543c34 | #543c34 | RVB(84, 60, 52) | Royal Brown | — |
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 |
|---|---|---|
#e4b43c | #b78ce8 | 1.37 |
#e4b43c | #a27b66 | 1.95 |
#e4b43c | #abacc9 | 1.14 |
#b78ce8 | #a27b66 | 1.42 |
#b78ce8 | #abacc9 | 1.19 |
#4c2c1c | #543c34 | 1.23 |
Palette d'images Saas interface product design user png
Exporter la palette
Téléchargez la "Saas interface product design user" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :