Headless CMS Web Kit
- Content Blue Mist#c3dfff
- Schema Light Gold#fff5b0
- Asset Dust Gray#e2e3e6
- Slug Ink Black#111213
- UI Block Rose#ffadbc
- Query Card White#fdfdfd
Creado en 06/24/2025 17:29
La paleta consta de Claro, Oscuro colores. Colores de acento Content Blue Mist #c3dfff y Schema Light Gold #fff5b0. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #111213 (más oscuro) a #FDFDFD (más claro). El rango de luminosidad es amplio.
Saturación mixta: 3 apagados y 3 vivos de 6 colores.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
En conjunto, la temperatura de color tiende al cálido (2 de 6).
Códigos HEX (ordenados): #111213, #C3DFFF, #E2E3E6, #FDFDFD, #FFADBC, #FFF5B0
La paleta Headless CMS Web Kit combina 6 códigos de color:
HEX: #c3dfff, RGB: (195, 223, 255); HEX: #fff5b0, RGB: (255, 245, 176); HEX: #e2e3e6, RGB: (226, 227, 230)
HEX: #111213, RGB: (17, 18, 19); HEX: #ffadbc, RGB: (255, 173, 188); HEX: #fdfdfd, RGB: (253, 253, 253)
Versión simplificada de la paleta de colores
Tono claro de Azul acero claro, Tono claro de Vara de oro pálido, Tono claro de Gainsboro, Tono claro de Negro, Tono oscuro de Rosa claro, Tono oscuro de Blanco
El esquema de color fue creado por hex
Códigos de colores en la paleta
Headless CMS Web Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #c3dfff | #c3dfff | RGB(195, 223, 255) | Content Blue Mist | — |
| #fff5b0 | #fff5b0 | RGB(255, 245, 176) | Schema Light Gold | — |
| #e2e3e6 | #e2e3e6 | RGB(226, 227, 230) | Asset Dust Gray | — |
| #111213 | #111213 | RGB(17, 18, 19) | Slug Ink Black | — |
| #ffadbc | #ffadbc | RGB(255, 173, 188) | UI Block Rose | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Query Card White | Brilliance |
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 |
|---|---|---|
#c3dfff | #fff5b0 | 1.23 |
#c3dfff | #e2e3e6 | 1.06 |
#c3dfff | #ffadbc | 1.28 |
#c3dfff | #fdfdfd | 1.34 |
#fff5b0 | #e2e3e6 | 1.15 |
#fff5b0 | #ffadbc | 1.58 |
Paleta de imágenes Headless CMS Web Kit png
Exportar paleta
Descargue la "Headless CMS Web Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: