Créé à 06/17/2025 12:06
Component-Based Design System
- Atomic Rose#ffb4c7
- Reusable Indigo#7161ef
- Token Clay#d6d1cb
- Style Guide Aqua#64dfdf
- Hierarchy Coal#222426
- Sketchpad Linen#fdf7f2
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Atomic Rose #ffb4c7 et Style Guide Aqua #64dfdf. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #222426 (plus sombre) à #FDF7F2 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
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) : #222426, #64DFDF, #7161EF, #D6D1CB, #FDF7F2, #FFB4C7
La palette Component-Based Design System a une combinaison de couleurs de codes 6:
HEX: #ffb4c7, RVB: (255, 180, 199); HEX: #7161ef, RVB: (113, 97, 239); HEX: #d6d1cb, RVB: (214, 209, 203)
HEX: #64dfdf, RVB: (100, 223, 223); HEX: #222426, RVB: (34, 36, 38); HEX: #fdf7f2, RVB: (253, 247, 242)
Version simplifiée des couleurs de la palette
Nuance de lightpink, Nuance de mediumslateblue, Nuance de lightgrey, Ombre de mediumturquoise, Ombre de Noir, Nuance de floralwhite
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
Component-Based Design System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ffb4c7 | #ffb4c7 | RVB(255, 180, 199) | Atomic Rose | — |
| #7161ef | #7161ef | RVB(113, 97, 239) | Reusable Indigo | — |
| #d6d1cb | #d6d1cb | RVB(214, 209, 203) | Token Clay | — |
| #64dfdf | #64dfdf | RVB(100, 223, 223) | Style Guide Aqua | — |
| #222426 | #222426 | RVB(34, 36, 38) | Hierarchy Coal | — |
| #fdf7f2 | #fdf7f2 | RVB(253, 247, 242) | Sketchpad Linen | — |
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 |
#ffb4c7 | #d6d1cb | 1.09 |
#ffb4c7 | #64dfdf | 1.04 |
#ffb4c7 | #fdf7f2 | 1.56 |
#d6d1cb | #64dfdf | 1.05 |
#d6d1cb | #fdf7f2 | 1.42 |
#64dfdf | #fdf7f2 | 1.5 |
Palette d'images Component-Based Design System png
Exporter la palette
Téléchargez la "Component-Based Design System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :