Créé à 08/23/2025 11:53
Accessible Dark UI Toolkit for Web3
- Eclipse Black#121212
- Panel Graphite#2c2c2c
- Component Teal#0097a7
- Accent Orange#ff7043
- Focus Yellow#fdd835
- Screen White#f5f5f5
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Component Teal #0097a7 et Accent Orange #ff7043. La palette a une température de couleur Neutre, Froid, Chaud.
En luminosité, cette palette va de #121212 (plus sombre) à #F5F5F5 (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 chaud.
Codes HEX (triés) : #0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043
La palette Accessible Dark UI Toolkit for Web3 a une combinaison de couleurs de codes 6:
HEX: #121212, RVB: (18, 18, 18); HEX: #2c2c2c, RVB: (44, 44, 44); HEX: #0097a7, RVB: (0, 151, 167)
HEX: #ff7043, RVB: (255, 112, 67); HEX: #fdd835, RVB: (253, 216, 53); HEX: #f5f5f5, RVB: (245, 245, 245)
Version simplifiée des couleurs de la palette
Ombre de Noir, Ombre de Noir, Nuance de cadetblue, Nuance de coral, Ombre de gold
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Accessible Dark UI Toolkit for Web3 codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #121212 | #121212 | RVB(18, 18, 18) | Eclipse Black | Dark Tone Ink |
| #2c2c2c | #2c2c2c | RVB(44, 44, 44) | Panel Graphite | — |
| #0097a7 | #0097a7 | RVB(0, 151, 167) | Component Teal | — |
| #ff7043 | #ff7043 | RVB(255, 112, 67) | Accent Orange | — |
| #fdd835 | #fdd835 | RVB(253, 216, 53) | Focus Yellow | — |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Screen White | White Smoke |
Contraste de la palette de couleurs
4 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 |
#121212 | #2c2c2c | 1.34 |
#0097a7 | #ff7043 | 1.27 |
#ff7043 | #fdd835 | 1.96 |
#fdd835 | #f5f5f5 | 1.27 |
Palette d'images Accessible Dark UI Toolkit for Web3 png
Exporter la palette
Téléchargez la "Accessible Dark UI Toolkit for Web3" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :