Créé à 07/10/2025 08:47
Reactive Component Design Language
- Observer Navy#1e3a8a
- Mutation Coral#f67280
- Trigger Mint#a6f6d5
- Render Frost#eef2f5
- Hook Violet#b388eb
- Fiber Slate#475569
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Mutation Coral #f67280 et Trigger Mint #a6f6d5. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #1E3A8A (plus sombre) à #EEF2F5 (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) : #1E3A8A, #475569, #A6F6D5, #B388EB, #EEF2F5, #F67280
La palette Reactive Component Design Language a une combinaison de couleurs de codes 6:
HEX: #1e3a8a, RVB: (30, 58, 138); HEX: #f67280, RVB: (246, 114, 128); HEX: #a6f6d5, RVB: (166, 246, 213)
HEX: #eef2f5, RVB: (238, 242, 245); HEX: #b388eb, RVB: (179, 136, 235); HEX: #475569, RVB: (71, 85, 105)
Version simplifiée des couleurs de la palette
Nuance de darkslateblue, Nuance de lightcoral, Ombre de aquamarine, Nuance de aliceblue, Ombre de mediumpurple, Ombre de darkslateblue
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
Reactive Component Design Language codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #1e3a8a | #1e3a8a | RVB(30, 58, 138) | Observer Navy | — |
| #f67280 | #f67280 | RVB(246, 114, 128) | Mutation Coral | — |
| #a6f6d5 | #a6f6d5 | RVB(166, 246, 213) | Trigger Mint | — |
| #eef2f5 | #eef2f5 | RVB(238, 242, 245) | Render Frost | — |
| #b388eb | #b388eb | RVB(179, 136, 235) | Hook Violet | — |
| #475569 | #475569 | RVB(71, 85, 105) | Fiber Slate | — |
Contraste de la palette de couleurs
3 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 |
#1e3a8a | #475569 | 1.36 |
#f67280 | #b388eb | 1 |
#a6f6d5 | #eef2f5 | 1.11 |
Palette d'images Reactive Component Design Language png
Exporter la palette
Téléchargez la "Reactive Component Design Language" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :