Créé à 07/13/2025 17:36
Composable Web Component Theme
- Slot Sky#89cff0
- Shadow DOM Slate#66757f
- Element White#fafafa
- Template Violet#b497d6
- Bind Coral#ff847c
- Layout Charcoal#2a2a2a
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Slot Sky #89cff0 et Bind Coral #ff847c. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #2A2A2A (plus sombre) à #FAFAFA (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) : #2A2A2A, #66757F, #89CFF0, #B497D6, #FAFAFA, #FF847C
La palette Composable Web Component Theme a une combinaison de couleurs de codes 6:
HEX: #89cff0, RVB: (137, 207, 240); HEX: #66757f, RVB: (102, 117, 127); HEX: #fafafa, RVB: (250, 250, 250)
HEX: #b497d6, RVB: (180, 151, 214); HEX: #ff847c, RVB: (255, 132, 124); HEX: #2a2a2a, RVB: (42, 42, 42)
Version simplifiée des couleurs de la palette
Ombre de skyblue, Nuance de slategrey, Ombre de whitesmoke, Nuance de plum, Ombre de salmon, Ombre de Noir
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Composable Web Component Theme codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #89cff0 | #89cff0 | RVB(137, 207, 240) | Slot Sky | Pool Tiles |
| #66757f | #66757f | RVB(102, 117, 127) | Shadow DOM Slate | — |
| #fafafa | #fafafa | RVB(250, 250, 250) | Element White | Dr. White |
| #b497d6 | #b497d6 | RVB(180, 151, 214) | Template Violet | — |
| #ff847c | #ff847c | RVB(255, 132, 124) | Bind Coral | — |
| #2a2a2a | #2a2a2a | RVB(42, 42, 42) | Layout Charcoal | The End |
Contraste de la palette de couleurs
5 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 |
#89cff0 | #fafafa | 1.64 |
#89cff0 | #b497d6 | 1.46 |
#89cff0 | #ff847c | 1.38 |
#66757f | #b497d6 | 1.88 |
#b497d6 | #ff847c | 1.06 |
Palette d'images Composable Web Component Theme png
Exporter la palette
Téléchargez la "Composable Web Component Theme" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :