Flowchart UX Light Canvas
- Decision Blue#60a5fa
- Input Cream#fef9c3
- Connector Gray#cbd5e1
- Result Lavender#ddd6fe
- Info Green#86efac
- Background Fog#f8fafc
- Node Coral#fb7185
Criado em 06/26/2025 08:19
A paleta consiste em cores Claro. Cores de destaque Input Cream #fef9c3 e Result Lavender #ddd6fe. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #60A5FA (mais escuro) a #F8FAFC (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 7).
Códigos HEX (ordenados): #60A5FA, #86EFAC, #CBD5E1, #DDD6FE, #F8FAFC, #FB7185, #FEF9C3
A paleta Flowchart UX Light Canvas combina 7 códigos de cor:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #cbd5e1, RGB: (203, 213, 225)
HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #86efac, RGB: (134, 239, 172); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #fb7185, RGB: (251, 113, 133)
Versão simplificada das cores da paleta
Tom claro de Azul-centáurea, Tom escuro de Chiffon-limão, Tom claro de Cinza-claro, Tom escuro de Lavanda, Tom claro de Verde-claro, Tom claro de Fumaça-branca, Tom escuro de Coral-claro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Flowchart UX Light Canvas códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Decision Blue | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Input Cream | — |
| #cbd5e1 | #cbd5e1 | RGB(203, 213, 225) | Connector Gray | — |
| #ddd6fe | #ddd6fe | RGB(221, 214, 254) | Result Lavender | — |
| #86efac | #86efac | RGB(134, 239, 172) | Info Green | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Fog | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Node Coral | — |
Contraste da paleta de cores
17 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 |
|---|---|---|
#60a5fa | #cbd5e1 | 1.71 |
#60a5fa | #ddd6fe | 1.83 |
#60a5fa | #86efac | 1.81 |
#60a5fa | #fb7185 | 1.05 |
#fef9c3 | #cbd5e1 | 1.38 |
#fef9c3 | #ddd6fe | 1.29 |
Paleta de imagens Flowchart UX Light Canvas png
Exportar paleta
Baixe a "Flowchart UX Light Canvas" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: