Creado en 07/11/2025 12:42
Web Component Darkflow System
- Slot Black#0f0f0f
- Import Teal#00b4d8
- Shadow DOM Pink#ff6b81
- Style Tag White#fdfdfd
- Gridline Grey#cacaca
- Prop Highlight Yellow#ffe066
La paleta consta de Oscuro, Luz colores. Colores de acento Import Teal #00b4d8 y Prop Highlight Yellow #ffe066. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #0F0F0F (más oscuro) a #FDFDFD (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 cálido.
Códigos HEX (ordenados): #00B4D8, #0F0F0F, #CACACA, #FDFDFD, #FF6B81, #FFE066
La paleta Web Component Darkflow System tiene una combinación de colores de códigos de 6:
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #ff6b81, RGB: (255, 107, 129)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #cacaca, RGB: (202, 202, 202); HEX: #ffe066, RGB: (255, 224, 102)
Versión simplificada de la paleta de colores
Sombra de Negro, Matiz de deepskyblue, Matiz de lightcoral, Matiz de Blanco, Sombra de Plata, Sombra de gold
El esquema de color fue creado por hex
Códigos de colores en la paleta
Web Component Darkflow System códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Slot Black | Chaos Black |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Import Teal | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Shadow DOM Pink | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Style Tag White | Brilliance |
| #cacaca | #cacaca | RGB(202, 202, 202) | Gridline Grey | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Prop Highlight Yellow | — |
Contraste de la paleta de colores
7 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 |
#00b4d8 | #ff6b81 | 1.11 |
#00b4d8 | #cacaca | 1.5 |
#00b4d8 | #ffe066 | 1.89 |
#ff6b81 | #cacaca | 1.67 |
#fdfdfd | #cacaca | 1.61 |
#fdfdfd | #ffe066 | 1.28 |
Paleta de imágenes Web Component Darkflow System png
Exportar paleta
Descargue la "Web Component Darkflow System" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: