Creado en 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 paleta consta de Luz, Oscuro colores. Colores de acento Atomic Lemon #ffee32 y Hover Magenta #e254ff. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta React Quantum Accessibility Kit tiene una combinación de colores de códigos de 9:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #ffee32, RGB: (255, 238, 50); HEX: #68a063, RGB: (104, 160, 99)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #e254ff, RGB: (226, 84, 255); HEX: #ff8c42, RGB: (255, 140, 66); HEX: #d7263d, RGB: (215, 38, 61)
Versión simplificada de la paleta de colores
Matiz de dodgerblue, Matiz de Amarillo, Sombra de mediumseagreen, Matiz de Plata, Sombra de Negro, Sombra de whitesmoke, Sombra de magenta, Sombra de darkorange, Sombra de crimson
El esquema de color fue creado por colorslib
Códigos de colores en la paleta
React Quantum Accessibility Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Virtual Blue | — |
| #ffee32 | #ffee32 | RGB(255, 238, 50) | Atomic Lemon | — |
| #68a063 | #68a063 | RGB(104, 160, 99) | NodeJS Green | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Server Grey | Ocean Drive |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Debug Black | Chaos Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #e254ff | #e254ff | RGB(226, 84, 255) | Hover Magenta | — |
| #ff8c42 | #ff8c42 | RGB(255, 140, 66) | Focus Orange | — |
| #d7263d | #d7263d | RGB(215, 38, 61) | Error Red | — |
Contraste de la paleta de colores
17 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 |
