Créé à 07/11/2025 09:40
React Component Library Dark Mode
React Base Black
#0f1115
Props Purple
#8e7cc3
State Active Cyan
#00cfc1
Focus Ring Yellow
#ffda3d
Shadow UI Grey
#b5b5b5
Card Border White
#f4f4f4
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent State Active Cyan #00cfc1 et Focus Ring Yellow #ffda3d. La palette a une température de couleur Neutre, Froid, Chaud.
La palette React Component Library Dark Mode a une combinaison de couleurs de codes 6:
HEX: #0f1115, RVB: (15, 17, 21); HEX: #8e7cc3, RVB: (142, 124, 195); HEX: #00cfc1, RVB: (0, 207, 193)
HEX: #ffda3d, RVB: (255, 218, 61); HEX: #b5b5b5, RVB: (181, 181, 181); HEX: #f4f4f4, RVB: (244, 244, 244)
Version simplifiée des couleurs de la palette
Ombre de Noir, Ombre de mediumpurple, Nuance de mediumturquoise, Ombre de gold, Nuance de Argent, Nuance de whitesmoke
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
React Component Library Dark Mode codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #0f1115 | #0f1115 | RVB(15, 17, 21) | React Base Black | — |
| #8e7cc3 | #8e7cc3 | RVB(142, 124, 195) | Props Purple | — |
| #00cfc1 | #00cfc1 | RVB(0, 207, 193) | State Active Cyan | — |
| #ffda3d | #ffda3d | RVB(255, 218, 61) | Focus Ring Yellow | — |
| #b5b5b5 | #b5b5b5 | RVB(181, 181, 181) | Shadow UI Grey | Brainstem Grey |
| #f4f4f4 | #f4f4f4 | RVB(244, 244, 244) | Card Border White | — |
Contraste de la palette de couleurs
8 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 |
#8e7cc3 | #00cfc1 | 1.83 |
#8e7cc3 | #b5b5b5 | 1.75 |
#00cfc1 | #ffda3d | 1.43 |
#00cfc1 | #b5b5b5 | 1.04 |
#00cfc1 | #f4f4f4 | 1.78 |
#ffda3d | #b5b5b5 | 1.49 |
