Créé à 02/22/2023 19:40
Newsfeed ui design system feed colors palette
- Mandarin#f68043
- Cornflower Blue#7c8cec
- Philippine Brown#641722
- Mountbatten Pink#9c7c84
- Khaki (HTML/CSS)#c7a596
- Old Burgundy#442434
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Mandarin #f68043 et Cornflower Blue #7c8cec. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #442434 (plus sombre) à #7C8CEC (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 chaud.
Codes HEX (triés) : #442434, #641722, #7C8CEC, #9C7C84, #C7A596, #F68043
La palette Newsfeed ui design system feed colors palette a une combinaison de couleurs de codes 6:
HEX: #f68043, RVB: (246, 128, 67); HEX: #7c8cec, RVB: (124, 140, 236); HEX: #641722, RVB: (100, 23, 34)
HEX: #9c7c84, RVB: (156, 124, 132); HEX: #c7a596, RVB: (199, 165, 150); HEX: #442434, RVB: (68, 36, 52)
Version simplifiée des couleurs de la palette
Nuance de coral, Ombre de cornflowerblue, Ombre de Bordeaux, Nuance de rosybrown, Ombre de rosybrown, Nuance de Violet
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Newsfeed ui design system feed colors palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #f68043 | #f68043 | RVB(246, 128, 67) | Mandarin | — |
| #7c8cec | #7c8cec | RVB(124, 140, 236) | Cornflower Blue | — |
| #641722 | #641722 | RVB(100, 23, 34) | Philippine Brown | — |
| #9c7c84 | #9c7c84 | RVB(156, 124, 132) | Mountbatten Pink | — |
| #c7a596 | #c7a596 | RVB(199, 165, 150) | Khaki (HTML/CSS) | — |
| #442434 | #442434 | RVB(68, 36, 52) | Old Burgundy | — |
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 |
#f68043 | #7c8cec | 1.18 |
#f68043 | #9c7c84 | 1.43 |
#f68043 | #c7a596 | 1.14 |
#7c8cec | #9c7c84 | 1.21 |
#7c8cec | #c7a596 | 1.35 |
#641722 | #442434 | 1.09 |
Palette d'images Newsfeed ui design system feed colors palette png
Exporter la palette
Téléchargez la "Newsfeed ui design system feed colors palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :