Créé à 08/13/2025 05:50
React Quantum Accessibility Kit
Virtual Blue
#3b82f6
Atomic Lemon
#ffee32
NodeJS Green
#68a063
Server Grey
#b0bec5
Debug Black
#0f0f0f
Canvas White
#fafafa
Hover Magenta
#e254ff
Focus Orange
#ff8c42
Error Red
#d7263d
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Atomic Lemon #ffee32 et Hover Magenta #e254ff. La palette a une température de couleur Froid, Chaud, Neutre.
La palette React Quantum Accessibility Kit a une combinaison de couleurs de codes 9:
HEX: #3b82f6, RVB: (59, 130, 246); HEX: #ffee32, RVB: (255, 238, 50); HEX: #68a063, RVB: (104, 160, 99)
HEX: #b0bec5, RVB: (176, 190, 197); HEX: #0f0f0f, RVB: (15, 15, 15); HEX: #fafafa, RVB: (250, 250, 250)
HEX: #e254ff, RVB: (226, 84, 255); HEX: #ff8c42, RVB: (255, 140, 66); HEX: #d7263d, RVB: (215, 38, 61)
Version simplifiée des couleurs de la palette
Nuance de dodgerblue, Nuance de Jaune, Ombre de mediumseagreen, Nuance de Argent, Ombre de Noir, Ombre de whitesmoke, Ombre de magenta, Ombre de darkorange, Ombre de crimson
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
React Quantum Accessibility Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #3b82f6 | #3b82f6 | RVB(59, 130, 246) | Virtual Blue | — |
| #ffee32 | #ffee32 | RVB(255, 238, 50) | Atomic Lemon | — |
| #68a063 | #68a063 | RVB(104, 160, 99) | NodeJS Green | — |
| #b0bec5 | #b0bec5 | RVB(176, 190, 197) | Server Grey | Ocean Drive |
| #0f0f0f | #0f0f0f | RVB(15, 15, 15) | Debug Black | Chaos Black |
| #fafafa | #fafafa | RVB(250, 250, 250) | Canvas White | Dr. White |
| #e254ff | #e254ff | RVB(226, 84, 255) | Hover Magenta | — |
| #ff8c42 | #ff8c42 | RVB(255, 140, 66) | Focus Orange | — |
| #d7263d | #d7263d | RVB(215, 38, 61) | Error Red | — |
Contraste de la palette de couleurs
17 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 |
#3b82f6 | #68a063 | 1.19 |
#3b82f6 | #b0bec5 | 1.92 |
#3b82f6 | #e254ff | 1.21 |
#3b82f6 | #ff8c42 | 1.59 |
#3b82f6 | #d7263d | 1.34 |
#ffee32 | #b0bec5 | 1.59 |
