Visual Debug Web Toolkit
- Breakpoint Yellow#fde047
- Inspect Cyan#22d3ee
- Node Gray#6b7280
- DevGrid White#f9fafb
- Runtime Plum#c084fc
- Panel Charcoal#111827
- Flag Red#f43f5e
Criado em 06/26/2025 08:36
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Breakpoint Yellow #fde047 e Runtime Plum #c084fc. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #F9FAFB (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 57% das cores são vívidas.
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): #111827, #22D3EE, #6B7280, #C084FC, #F43F5E, #F9FAFB, #FDE047
A paleta Visual Debug Web Toolkit combina 7 códigos de cor:
HEX: #fde047, RGB: (253, 224, 71); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #c084fc, RGB: (192, 132, 252); HEX: #111827, RGB: (17, 24, 39)
HEX: #f43f5e, RGB: (244, 63, 94)
Versão simplificada das cores da paleta
Tom claro de Dourado, Tom claro de Turquesa-escuro, Tom escuro de Cinza-ardósia, Tom claro de Fumaça-branca, Tom escuro de Violeta, Tom claro de Preto, Tom escuro de Vermelho-indiano
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Visual Debug Web Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #fde047 | #fde047 | RGB(253, 224, 71) | Breakpoint Yellow | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Inspect Cyan | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Node Gray | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | DevGrid White | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Runtime Plum | — |
| #111827 | #111827 | RGB(17, 24, 39) | Panel Charcoal | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Flag Red | — |
Contraste da paleta de cores
7 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 |
|---|---|---|
#fde047 | #22d3ee | 1.37 |
#fde047 | #f9fafb | 1.26 |
#22d3ee | #f9fafb | 1.72 |
#22d3ee | #c084fc | 1.46 |
#6b7280 | #c084fc | 1.82 |
#6b7280 | #f43f5e | 1.31 |
Paleta de imagens Visual Debug Web Toolkit png
Exportar paleta
Baixe a "Visual Debug Web Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: