Créé à 06/19/2025 20:44
Frontend Figma Pro Kit
- Vector Blue#007aff
- Grid Linen#f6f6f6
- Comment Lavender#b49bcc
- Tooltip Graphite#3a3a3c
- Component Salmon#ff9b71
- Annotation Beige#fff4dc
La palette se compose de Lumière couleurs. Couleurs d'accent Vector Blue #007aff et Annotation Beige #fff4dc. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #3A3A3C (plus sombre) à #F6F6F6 (plus clair). L’écart de luminosité est large.
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) : #007AFF, #3A3A3C, #B49BCC, #F6F6F6, #FF9B71, #FFF4DC
La palette Frontend Figma Pro Kit a une combinaison de couleurs de codes 6:
HEX: #007aff, RVB: (0, 122, 255); HEX: #f6f6f6, RVB: (246, 246, 246); HEX: #b49bcc, RVB: (180, 155, 204)
HEX: #3a3a3c, RVB: (58, 58, 60); HEX: #ff9b71, RVB: (255, 155, 113); HEX: #fff4dc, RVB: (255, 244, 220)
Version simplifiée des couleurs de la palette
Nuance de steelblue, Ombre de whitesmoke, Nuance de plum, Nuance de darkslategrey, Nuance de lightsalmon, Ombre de papayawhip
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Frontend Figma Pro Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #007aff | #007aff | RVB(0, 122, 255) | Vector Blue | — |
| #f6f6f6 | #f6f6f6 | RVB(246, 246, 246) | Grid Linen | — |
| #b49bcc | #b49bcc | RVB(180, 155, 204) | Comment Lavender | — |
| #3a3a3c | #3a3a3c | RVB(58, 58, 60) | Tooltip Graphite | — |
| #ff9b71 | #ff9b71 | RVB(255, 155, 113) | Component Salmon | — |
| #fff4dc | #fff4dc | RVB(255, 244, 220) | Annotation Beige | — |
Contraste de la palette de couleurs
6 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 |
#007aff | #b49bcc | 1.62 |
#007aff | #ff9b71 | 1.94 |
#f6f6f6 | #ff9b71 | 1.9 |
#f6f6f6 | #fff4dc | 1.01 |
#b49bcc | #ff9b71 | 1.19 |
#ff9b71 | #fff4dc | 1.88 |
Palette d'images Frontend Figma Pro Kit png
Exporter la palette
Téléchargez la "Frontend Figma Pro Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :