Accessible Web3 Design System
- Smart Contract Navy#17202a
- Decentral Pink#ffc9e3
- Gas Fee Green#66d9a6
- Web Mesh White#fdfeff
- Node Blue#2980b9
- UX Flow Sand#f7e6c4
Créé le 07/11/2025 16:36
La palette se compose de Sombre, Clair couleurs. Couleurs d'accent Decentral Pink #ffc9e3 et Web Mesh White #fdfeff. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #17202A (plus sombre) à #FDFEFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 83% des couleurs sont vives.
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 (3 sur 6).
Codes HEX (triés) : #17202A, #2980B9, #66D9A6, #F7E6C4, #FDFEFF, #FFC9E3
La palette Accessible Web3 Design System combine 6 codes couleur:
HEX: #17202a, RVB: (23, 32, 42); HEX: #ffc9e3, RVB: (255, 201, 227); HEX: #66d9a6, RVB: (102, 217, 166)
HEX: #fdfeff, RVB: (253, 254, 255); HEX: #2980b9, RVB: (41, 128, 185); HEX: #f7e6c4, RVB: (247, 230, 196)
Version simplifiée des couleurs de la palette
Teinte de Noir, Teinte de Rose, Teinte de Aigue-marine moyen, Nuance de Blanc, Nuance de Bleu acier, Nuance de Amande blanchie
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Accessible Web3 Design System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #17202a | #17202a | RVB(23, 32, 42) | Smart Contract Navy | — |
| #ffc9e3 | #ffc9e3 | RVB(255, 201, 227) | Decentral Pink | — |
| #66d9a6 | #66d9a6 | RVB(102, 217, 166) | Gas Fee Green | — |
| #fdfeff | #fdfeff | RVB(253, 254, 255) | Web Mesh White | — |
| #2980b9 | #2980b9 | RVB(41, 128, 185) | Node Blue | — |
| #f7e6c4 | #f7e6c4 | RVB(247, 230, 196) | UX Flow Sand | — |
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 |
|---|---|---|
#ffc9e3 | #66d9a6 | 1.22 |
#ffc9e3 | #fdfeff | 1.41 |
#ffc9e3 | #f7e6c4 | 1.16 |
#66d9a6 | #fdfeff | 1.72 |
#66d9a6 | #f7e6c4 | 1.41 |
#fdfeff | #f7e6c4 | 1.21 |
Palette d'images Accessible Web3 Design System png
Exporter la palette
Téléchargez la "Accessible Web3 Design System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :