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
Criado em 06/24/2025 17:29
A paleta consiste em cores Claro, Escuro. Cores de destaque Content Blue Mist #c3dfff e Schema Light Gold #fff5b0. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111213 (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (2 de 6).
Códigos HEX (ordenados): #111213, #C3DFFF, #E2E3E6, #FDFDFD, #FFADBC, #FFF5B0
A paleta Headless CMS Web Kit combina 6 códigos de cor:
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)
Versão simplificada das cores da paleta
Tom claro de Azul-aço-claro, Tom claro de Vara-dourada-pálida, Tom claro de Gainsboro, Tom claro de Preto, Tom escuro de Rosa-claro, Tom escuro de Branco
O esquema de cores foi criado por hex
Códigos de cores na paleta
Headless CMS Web Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome 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 da paleta de cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão 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 imagens Headless CMS Web Kit png
Exportar paleta
Baixe a "Headless CMS Web Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: