Composable Web Component Theme

Slot Sky
#89cff0
Shadow DOM Slate
#66757f
Element White
#fafafa
Template Violet
#b497d6
Bind Coral
#ff847c
Layout Charcoal
#2a2a2a

La paleta consta de Luz, Oscuro colores. Colores de acento Slot Sky #89cff0 y Bind Coral #ff847c. La paleta tiene temperatura de color Frío, Neutral, Cálido.

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

Saturación mixta: algunos colores apagados y acentos más vivos.

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): #2A2A2A, #66757F, #89CFF0, #B497D6, #FAFAFA, #FF847C

La paleta Composable Web Component Theme tiene una combinación de colores de códigos de 6:

HEX: #89cff0, RGB: (137, 207, 240); HEX: #66757f, RGB: (102, 117, 127); HEX: #fafafa, RGB: (250, 250, 250)

HEX: #b497d6, RGB: (180, 151, 214); HEX: #ff847c, RGB: (255, 132, 124); HEX: #2a2a2a, RGB: (42, 42, 42)

Versión simplificada de la paleta de colores

Sombra de skyblue, Matiz de slategrey, Sombra de whitesmoke, Matiz de plum, Sombra de salmon, Sombra de Negro

El esquema de color fue creado por colorslib

Más paletas con:

Códigos de colores en la paleta

Composable Web Component Theme códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#89cff0	#89cff0	RGB(137, 207, 240)	Slot Sky	Pool Tiles
#66757f	#66757f	RGB(102, 117, 127)	Shadow DOM Slate	—
#fafafa	#fafafa	RGB(250, 250, 250)	Element White	Dr. White
#b497d6	#b497d6	RGB(180, 151, 214)	Template Violet	—
#ff847c	#ff847c	RGB(255, 132, 124)	Bind Coral	—
#2a2a2a	#2a2a2a	RGB(42, 42, 42)	Layout Charcoal	The End

Contraste de la paleta de colores

5 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
#89cff0	#fafafa	1.64
#89cff0	#b497d6	1.46
#89cff0	#ff847c	1.38
#66757f	#b497d6	1.88
#b497d6	#ff847c	1.06

Paleta de imágenes Composable Web Component Theme png

Composable Web Component Theme - #555351

--color-slot-sky:	#89cff0;
--color-shadow-dom-slate:	#66757f;
--color-element-white:	#fafafa;
--color-template-violet:	#b497d6;
--color-bind-coral:	#ff847c;
--color-layout-charcoal:	#2a2a2a;

$color-slot-sky:	#89cff0;
$color-shadow-dom-slate:	#66757f;
$color-element-white:	#fafafa;
$color-template-violet:	#b497d6;
$color-bind-coral:	#ff847c;
$color-layout-charcoal:	#2a2a2a;

@color-slot-sky:	#89cff0;
@color-shadow-dom-slate:	#66757f;
@color-element-white:	#fafafa;
@color-template-violet:	#b497d6;
@color-bind-coral:	#ff847c;
@color-layout-charcoal:	#2a2a2a;