Creado en 06/22/2025 07:11
Component Library Harmony Kit
- Base Cream#fff8e1
- UI Steel#5e6472
- Interaction Aqua#88e1f2
- Accent Plum#8d6a9f
- State Orange#ffa07a
- Outline Slate#bcccdc
- Surface White#ffffff
La paleta consta de Luz, semioscuro colores. Colores de acento Base Cream #fff8e1 y Interaction Aqua #88e1f2. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #5E6472 (más oscuro) a #FFFFFF (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): #5E6472, #88E1F2, #8D6A9F, #BCCCDC, #FFA07A, #FFF8E1, #FFFFFF
La paleta Component Library Harmony Kit tiene una combinación de colores de códigos de 7:
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #5e6472, RGB: (94, 100, 114); HEX: #88e1f2, RGB: (136, 225, 242)
HEX: #8d6a9f, RGB: (141, 106, 159); HEX: #ffa07a, RGB: (255, 160, 122); HEX: #bcccdc, RGB: (188, 204, 220)
HEX: #ffffff, RGB: (255, 255, 255)
Versión simplificada de la paleta de colores
Sombra de cornsilk, Matiz de dimgrey, Matiz de powderblue, Matiz de mediumpurple, Sombra de lightsteelblue, Blanco
El esquema de color fue creado por colorstudio
Códigos de colores en la paleta
Component Library Harmony Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Base Cream | Still Morning |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | UI Steel | — |
| #88e1f2 | #88e1f2 | RGB(136, 225, 242) | Interaction Aqua | — |
| #8d6a9f | #8d6a9f | RGB(141, 106, 159) | Accent Plum | — |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | State Orange | Dwarven Flesh |
| #bcccdc | #bcccdc | RGB(188, 204, 220) | Outline Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
Contraste de la paleta de colores
11 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 |
#fff8e1 | #88e1f2 | 1.4 |
#fff8e1 | #ffa07a | 1.87 |
#fff8e1 | #bcccdc | 1.54 |
#fff8e1 | #ffffff | 1.06 |
#5e6472 | #8d6a9f | 1.32 |
#88e1f2 | #ffa07a | 1.33 |
Paleta de imágenes Component Library Harmony Kit png
Exportar paleta
Descargue la "Component Library Harmony Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: