Interactive Web Visualization Toolkit
- Hover Lime#c7f9cc
- Tooltip Yellow#ffeb3b
- Axis Charcoal#3d3d3d
- Gridline White#fafafa
- Zoom Pink#ffadad
- Data Blue#4d96ff
Criado em 07/14/2025 07:54
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Tooltip Yellow #ffeb3b e Data Blue #4d96ff. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3D3D3D (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% 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): #3D3D3D, #4D96FF, #C7F9CC, #FAFAFA, #FFADAD, #FFEB3B
A paleta Interactive Web Visualization Toolkit combina 6 códigos de cor:
HEX: #c7f9cc, RGB: (199, 249, 204); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #3d3d3d, RGB: (61, 61, 61)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #ffadad, RGB: (255, 173, 173); HEX: #4d96ff, RGB: (77, 150, 255)
Versão simplificada das cores da paleta
Tom claro de Água-marinha, Tom escuro de Amarelo, Tom escuro de Cinza-ardósia-escuro, Tom claro de Fumaça-branca, Tom escuro de Rosa-claro, Tom escuro de Azul-centáurea
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Interactive Web Visualization Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #c7f9cc | #c7f9cc | RGB(199, 249, 204) | Hover Lime | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Tooltip Yellow | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Axis Charcoal | Raven Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Gridline White | Dr. White |
| #ffadad | #ffadad | RGB(255, 173, 173) | Zoom Pink | — |
| #4d96ff | #4d96ff | RGB(77, 150, 255) | Data Blue | — |
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 |
|---|---|---|
#c7f9cc | #ffeb3b | 1.03 |
#c7f9cc | #fafafa | 1.12 |
#c7f9cc | #ffadad | 1.5 |
#ffeb3b | #fafafa | 1.16 |
#ffeb3b | #ffadad | 1.45 |
#fafafa | #ffadad | 1.7 |
Paleta de imagens Interactive Web Visualization Toolkit png
Exportar paleta
Baixe a "Interactive Web Visualization Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: