Composable Component Library Kit
- Atomic Aqua#24d1c1
- Slot Beige#fcf6f0
- Toggle Indigo#5f6caf
- Icon Coral#ffafa3
- Layout Dust#ececec
- Reusable Graphite#3a3a3a
Créé le 06/25/2025 18:06
La palette se compose de Clair, Semi foncé couleurs. Couleurs d'accent Atomic Aqua #24d1c1 et Icon Coral #ffafa3. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #3A3A3A (plus sombre) à #FCF6F0 (plus clair). L’écart de luminosité est large.
Saturation mixte — 2 teintes atténuées et 3 vives sur 6 couleurs.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le froid (2 sur 6).
Codes HEX (triés) : #24D1C1, #3A3A3A, #5F6CAF, #ECECEC, #FCF6F0, #FFAFA3
La palette Composable Component Library Kit combine 6 codes couleur:
HEX: #24d1c1, RVB: (36, 209, 193); HEX: #fcf6f0, RVB: (252, 246, 240); HEX: #5f6caf, RVB: (95, 108, 175)
HEX: #ffafa3, RVB: (255, 175, 163); HEX: #ececec, RVB: (236, 236, 236); HEX: #3a3a3a, RVB: (58, 58, 58)
Version simplifiée des couleurs de la palette
Nuance de Turquoise, Nuance de Coquillage, Teinte de Bleu royal, Nuance de Rose clair, Nuance de Fumée blanche, Nuance de Gris ardoise foncé
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Composable Component Library Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #24d1c1 | #24d1c1 | RVB(36, 209, 193) | Atomic Aqua | — |
| #fcf6f0 | #fcf6f0 | RVB(252, 246, 240) | Slot Beige | — |
| #5f6caf | #5f6caf | RVB(95, 108, 175) | Toggle Indigo | — |
| #ffafa3 | #ffafa3 | RVB(255, 175, 163) | Icon Coral | Amber Tide |
| #ececec | #ececec | RVB(236, 236, 236) | Layout Dust | — |
| #3a3a3a | #3a3a3a | RVB(58, 58, 58) | Reusable Graphite | — |
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 |
|---|---|---|
#24d1c1 | #fcf6f0 | 1.78 |
#24d1c1 | #ffafa3 | 1.08 |
#24d1c1 | #ececec | 1.62 |
#fcf6f0 | #ffafa3 | 1.64 |
#fcf6f0 | #ececec | 1.1 |
#ffafa3 | #ececec | 1.49 |
Palette d'images Composable Component Library Kit png
Exporter la palette
Téléchargez la "Composable Component Library Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :