Creado en 07/07/2025 17:02
Quantum Design Systems Toolkit
- Qubit Gold#ffd700
- Waveform Violet#a084dc
- Superposition Ice#e4f9ff
- Entangle Blue#2e86ab
- Collapse Pink#f5b5fc
- Quantum Grey#b1b1b1
La paleta consta de Luz colores. Colores de acento Qubit Gold #ffd700 y Superposition Ice #e4f9ff. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #2E86AB (más oscuro) a #E4F9FF (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #2E86AB, #A084DC, #B1B1B1, #E4F9FF, #F5B5FC, #FFD700
La paleta Quantum Design Systems Toolkit tiene una combinación de colores de códigos de 6:
HEX: #ffd700, RGB: (255, 215, 0); HEX: #a084dc, RGB: (160, 132, 220); HEX: #e4f9ff, RGB: (228, 249, 255)
HEX: #2e86ab, RGB: (46, 134, 171); HEX: #f5b5fc, RGB: (245, 181, 252); HEX: #b1b1b1, RGB: (177, 177, 177)
Versión simplificada de la paleta de colores
Sombra de mediumpurple, Matiz de azure, Matiz de steelblue, Sombra de plum, Sombra de darkgrey
El esquema de color fue creado por colorhunt
Códigos de colores en la paleta
Quantum Design Systems Toolkit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Qubit Gold | Gold |
| #a084dc | #a084dc | RGB(160, 132, 220) | Waveform Violet | — |
| #e4f9ff | #e4f9ff | RGB(228, 249, 255) | Superposition Ice | — |
| #2e86ab | #2e86ab | RGB(46, 134, 171) | Entangle Blue | — |
| #f5b5fc | #f5b5fc | RGB(245, 181, 252) | Collapse Pink | — |
| #b1b1b1 | #b1b1b1 | RGB(177, 177, 177) | Quantum Grey | Palladium |
Contraste de la paleta de colores
10 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 |
#ffd700 | #e4f9ff | 1.28 |
#ffd700 | #f5b5fc | 1.16 |
#ffd700 | #b1b1b1 | 1.52 |
#a084dc | #2e86ab | 1.33 |
#a084dc | #f5b5fc | 1.88 |
#a084dc | #b1b1b1 | 1.43 |
Paleta de imágenes Quantum Design Systems Toolkit png
Exportar paleta
Descargue la "Quantum Design Systems Toolkit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: