Design System Canvas Hub
- Base Snow#fafafa
- Guide Charcoal#222222
- Theme Rose#ff5e78
- Style Aqua#4de1ff
- Accent Wheat#f7e8a4
- Tab Sage#b2d3c2
Criado em 06/30/2025 17:47
A paleta consiste em cores Claro, Escuro. Cores de destaque Theme Rose #ff5e78 e Style Aqua #4de1ff. A paleta tem Neutro, Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #222222 (mais escuro) a #FAFAFA (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.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #222222, #4DE1FF, #B2D3C2, #F7E8A4, #FAFAFA, #FF5E78
A paleta Design System Canvas Hub combina 6 códigos de cor:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #222222, RGB: (34, 34, 34); HEX: #ff5e78, RGB: (255, 94, 120)
HEX: #4de1ff, RGB: (77, 225, 255); HEX: #f7e8a4, RGB: (247, 232, 164); HEX: #b2d3c2, RGB: (178, 211, 194)
Versão simplificada das cores da paleta
Tom claro de Fumaça-branca, Tom claro de Preto, Tom escuro de Coral-claro, Tom escuro de Azul-céu, Tom claro de Vara-dourada-pálida, Tom escuro de Azul-pó
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Design System Canvas Hub códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #fafafa | #fafafa | RGB(250, 250, 250) | Base Snow | Dr. White |
| #222222 | #222222 | RGB(34, 34, 34) | Guide Charcoal | Black Out |
| #ff5e78 | #ff5e78 | RGB(255, 94, 120) | Theme Rose | — |
| #4de1ff | #4de1ff | RGB(77, 225, 255) | Style Aqua | — |
| #f7e8a4 | #f7e8a4 | RGB(247, 232, 164) | Accent Wheat | — |
| #b2d3c2 | #b2d3c2 | RGB(178, 211, 194) | Tab Sage | — |
Contraste da paleta de cores
8 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 |
|---|---|---|
#fafafa | #4de1ff | 1.48 |
#fafafa | #f7e8a4 | 1.18 |
#fafafa | #b2d3c2 | 1.54 |
#ff5e78 | #4de1ff | 1.89 |
#ff5e78 | #b2d3c2 | 1.82 |
#4de1ff | #f7e8a4 | 1.25 |
Paleta de imagens Design System Canvas Hub png
Exportar paleta
Baixe a "Design System Canvas Hub" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: