UI Kit Quantum Horizon Glow

Component Cyan
#00e5ff
Atomic Purple
#b388ff
Surface White
#ffffff
Interaction Yellow
#ffeb3b
Logic Black
#202124
Flow Orange
#ff6d00

La paleta consta de Luz, Oscuro colores. Colores de acento Component Cyan #00e5ff y Interaction Yellow #ffeb3b. La paleta tiene temperatura de color Frío, Neutral, Cálido.

Por luminosidad, la paleta va de #202124 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.

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).

Las notas cálidas y frías están bastante equilibradas.

Códigos HEX (ordenados): #00E5FF, #202124, #B388FF, #FF6D00, #FFEB3B, #FFFFFF

La paleta UI Kit Quantum Horizon Glow tiene una combinación de colores de códigos de 6:

HEX: #00e5ff, RGB: (0, 229, 255); HEX: #b388ff, RGB: (179, 136, 255); HEX: #ffffff, RGB: (255, 255, 255)

HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #202124, RGB: (32, 33, 36); HEX: #ff6d00, RGB: (255, 109, 0)

Versión simplificada de la paleta de colores

Sombra de darkturquoise, Sombra de mediumpurple, Blanco, Matiz de Amarillo, Sombra de Negro, Matiz de coral

El esquema de color fue creado por colorslib

Más paletas con:

Códigos de colores en la paleta

UI Kit Quantum Horizon Glow códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#00e5ff	#00e5ff	RGB(0, 229, 255)	Component Cyan	—
#b388ff	#b388ff	RGB(179, 136, 255)	Atomic Purple	—
#ffffff	#ffffff	RGB(255, 255, 255)	Surface White	White
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	Interaction Yellow	—
#202124	#202124	RGB(32, 33, 36)	Logic Black	Noble Black
#ff6d00	#ff6d00	RGB(255, 109, 0)	Flow Orange	—

Contraste de la paleta de colores

6 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
#00e5ff	#b388ff	1.73
#00e5ff	#ffffff	1.53
#00e5ff	#ffeb3b	1.25
#00e5ff	#ff6d00	1.83
#b388ff	#ff6d00	1.05
#ffffff	#ffeb3b	1.22

Paleta de imágenes UI Kit Quantum Horizon Glow png

--color-component-cyan:	#00e5ff;
--color-atomic-purple:	#b388ff;
--color-surface-white:	#ffffff;
--color-interaction-yellow:	#ffeb3b;
--color-logic-black:	#202124;
--color-flow-orange:	#ff6d00;

$color-component-cyan:	#00e5ff;
$color-atomic-purple:	#b388ff;
$color-surface-white:	#ffffff;
$color-interaction-yellow:	#ffeb3b;
$color-logic-black:	#202124;
$color-flow-orange:	#ff6d00;

@color-component-cyan:	#00e5ff;
@color-atomic-purple:	#b388ff;
@color-surface-white:	#ffffff;
@color-interaction-yellow:	#ffeb3b;
@color-logic-black:	#202124;
@color-flow-orange:	#ff6d00;