Créé à 07/11/2025 21:31
Web Component Architecture UI
- Shadow DOM Grey#ced0ce
- Slot Mint#a3f7bf
- HTML Tag Blue#407bff
- Style Isolate Beige#fff1e6
- Element Coral#ff6b6b
- JS Logic Navy#1a1a40
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent HTML Tag Blue #407bff et Style Isolate Beige #fff1e6. La palette a une température de couleur Neutre, Froid, Chaud.
En luminosité, cette palette va de #1A1A40 (plus sombre) à #FFF1E6 (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) : #1A1A40, #407BFF, #A3F7BF, #CED0CE, #FF6B6B, #FFF1E6
La palette Web Component Architecture UI a une combinaison de couleurs de codes 6:
HEX: #ced0ce, RVB: (206, 208, 206); HEX: #a3f7bf, RVB: (163, 247, 191); HEX: #407bff, RVB: (64, 123, 255)
HEX: #fff1e6, RVB: (255, 241, 230); HEX: #ff6b6b, RVB: (255, 107, 107); HEX: #1a1a40, RVB: (26, 26, 64)
Version simplifiée des couleurs de la palette
Nuance de lightgrey, Ombre de aquamarine, Ombre de royalblue, Ombre de linen, Nuance de salmon, Nuance de midnightblue
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Web Component Architecture UI codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ced0ce | #ced0ce | RVB(206, 208, 206) | Shadow DOM Grey | — |
| #a3f7bf | #a3f7bf | RVB(163, 247, 191) | Slot Mint | — |
| #407bff | #407bff | RVB(64, 123, 255) | HTML Tag Blue | — |
| #fff1e6 | #fff1e6 | RVB(255, 241, 230) | Style Isolate Beige | — |
| #ff6b6b | #ff6b6b | RVB(255, 107, 107) | Element Coral | — |
| #1a1a40 | #1a1a40 | RVB(26, 26, 64) | JS Logic Navy | — |
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 |
#ced0ce | #a3f7bf | 1.22 |
#ced0ce | #fff1e6 | 1.4 |
#ced0ce | #ff6b6b | 1.78 |
#a3f7bf | #fff1e6 | 1.14 |
#407bff | #ff6b6b | 1.37 |
Palette d'images Web Component Architecture UI png
Exporter la palette
Téléchargez la "Web Component Architecture UI" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :