Créé à 04/17/2023 08:30
Figma uiux uidesign sidebar
- Black#141414
- Water#c8f0f0
- White#ffffff
- Anti-Flash White#f0f0f0
- Azureish White#dcf0f0
- Magnolia#fff0ff
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Water #c8f0f0 et Magnolia #fff0ff. La palette a une température de couleur Neutre, Froid.
En luminosité, cette palette va de #141414 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 2 vives sur 6 couleurs.
Les teintes sont réparties sur environ 120° du cercle — palette variée (heuristique).
La plupart des pastilles lisent comme neutres en température (5 sur 6).
Codes HEX (triés) : #141414, #C8F0F0, #DCF0F0, #F0F0F0, #FFF0FF, #FFFFFF
La palette Figma uiux uidesign sidebar a une combinaison de couleurs de codes 6:
HEX: #141414, RVB: (20, 20, 20); HEX: #c8f0f0, RVB: (200, 240, 240); HEX: #ffffff, RVB: (255, 255, 255)
HEX: #f0f0f0, RVB: (240, 240, 240); HEX: #dcf0f0, RVB: (220, 240, 240); HEX: #fff0ff, RVB: (255, 240, 255)
Version simplifiée des couleurs de la palette
Ombre de Noir, Nuance de lightcyan, Blanc, Nuance de whitesmoke, Nuance de lightcyan, Ombre de lavenderblush
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Figma uiux uidesign sidebar codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #141414 | #141414 | RVB(20, 20, 20) | Black | Sooty |
| #c8f0f0 | #c8f0f0 | RVB(200, 240, 240) | Water | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RVB(240, 240, 240) | Anti-Flash White | Gray94 |
| #dcf0f0 | #dcf0f0 | RVB(220, 240, 240) | Azureish White | — |
| #fff0ff | #fff0ff | RVB(255, 240, 255) | Magnolia | — |
Contraste de la palette de couleurs
10 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 |
|---|---|---|
#c8f0f0 | #ffffff | 1.22 |
#c8f0f0 | #f0f0f0 | 1.07 |
#c8f0f0 | #dcf0f0 | 1.03 |
#c8f0f0 | #fff0ff | 1.11 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #dcf0f0 | 1.18 |
Palette d'images Figma uiux uidesign sidebar png
Exporter la palette
Téléchargez la "Figma uiux uidesign sidebar" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :