Criado em 07/07/2025 17:07
NextJS Dashboard Interaction Map
Client Request Blue
#42a5f5
Server Response Gray
#9fa8da
Dynamic Purple
#9575cd
Render Snow
#f9fafb
Hydration Pink
#f8bbd0
SSR Black
#1c1c1e
A paleta consiste em cores Luz, Escuro. Cores de destaque Client Request Blue #42a5f5 e Hydration Pink #f8bbd0. A paleta tem Legal, Neutro temperatura de cores.
A paleta NextJS Dashboard Interaction Map tem uma combinação de cores de códigos de 6:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #9fa8da, RGB: (159, 168, 218); HEX: #9575cd, RGB: (149, 117, 205)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #1c1c1e, RGB: (28, 28, 30)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Matiz de lightsteelblue, Sombra de mediumpurple, Sombra de whitesmoke, Matiz de Rosa, Sombra de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
NextJS Dashboard Interaction Map códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Client Request Blue | — |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | Server Response Gray | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | Dynamic Purple | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Render Snow | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Hydration Pink | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | SSR Black | — |
Contraste da Paleta de Cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#42a5f5 | #9fa8da | 1.14 |
#42a5f5 | #9575cd | 1.39 |
#42a5f5 | #f8bbd0 | 1.64 |
#9fa8da | #9575cd | 1.59 |
#9fa8da | #f8bbd0 | 1.43 |
#f9fafb | #f8bbd0 | 1.54 |
Paleta de imagens NextJS Dashboard Interaction Map png
Exportar paleta
Baixe a "NextJS Dashboard Interaction Map" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: