Créé à 02/05/2022 16:50
Design figma website ui colours
- Blue (RYB)#0950f2
- Cornflower Blue#7798ed
- Violin Brown#624a06
- Antique Fuchsia#94657a
- Opera Mauve#bc85a4
- Temptress#351c28
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Blue (RYB) #0950f2 et Violin Brown #624a06. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #351C28 (plus sombre) à #7798ED (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) : #0950F2, #351C28, #624A06, #7798ED, #94657A, #BC85A4
La palette Design figma website ui colours a une combinaison de couleurs de codes 6:
HEX: #0950f2, RVB: (9, 80, 242); HEX: #7798ed, RVB: (119, 152, 237); HEX: #624a06, RVB: (98, 74, 6)
HEX: #94657a, RVB: (148, 101, 122); HEX: #bc85a4, RVB: (188, 133, 164); HEX: #351c28, RVB: (53, 28, 40)
Version simplifiée des couleurs de la palette
Nuance de royalblue, Ombre de cornflowerblue, Nuance de saddlebrown, Nuance de palevioletred, Ombre de palevioletred, Ombre de Noir
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Design figma website ui colours codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #0950f2 | #0950f2 | RVB(9, 80, 242) | Blue (RYB) | — |
| #7798ed | #7798ed | RVB(119, 152, 237) | Cornflower Blue | — |
| #624a06 | #624a06 | RVB(98, 74, 6) | Violin Brown | — |
| #94657a | #94657a | RVB(148, 101, 122) | Antique Fuchsia | — |
| #bc85a4 | #bc85a4 | RVB(188, 133, 164) | Opera Mauve | — |
| #351c28 | #351c28 | RVB(53, 28, 40) | Temptress | — |
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 |
#0950f2 | #624a06 | 1.37 |
#0950f2 | #94657a | 1.27 |
#7798ed | #94657a | 1.7 |
#7798ed | #bc85a4 | 1.06 |
#624a06 | #94657a | 1.75 |
#624a06 | #351c28 | 1.85 |
Palette d'images Design figma website ui colours png
Exporter la palette
Téléchargez la "Design figma website ui colours" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :