Criado em 09/14/2025 18:20
Frontend JS Modular Design Kit
- Module Indigo#3d348b
- Hook Lime#b9e769
- Component Coral#ff6f59
- Async Cyan#00b4d8
- Router Gray#cccccc
- UI White#ffffff
- State Black#1f1f1f
A paleta consiste em cores Luz, Escuro. Cores de destaque Component Coral #ff6f59 e Async Cyan #00b4d8. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1F1F1F (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #00B4D8, #1F1F1F, #3D348B, #B9E769, #CCCCCC, #FF6F59, #FFFFFF
A paleta Frontend JS Modular Design Kit tem uma combinação de cores de códigos de 7:
HEX: #3d348b, RGB: (61, 52, 139); HEX: #b9e769, RGB: (185, 231, 105); HEX: #ff6f59, RGB: (255, 111, 89)
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #cccccc, RGB: (204, 204, 204); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #1f1f1f, RGB: (31, 31, 31)
Versão simplificada das cores da paleta
Matiz de darkslateblue, Sombra de Amarelo verde, Sombra de tomato, Matiz de deepskyblue, Matiz de lightgrey, Branco, Sombra de Preto
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Frontend JS Modular Design Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3d348b | #3d348b | RGB(61, 52, 139) | Module Indigo | — |
| #b9e769 | #b9e769 | RGB(185, 231, 105) | Hook Lime | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Component Coral | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Async Cyan | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Router Gray | Cerebral Grey |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI White | White |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | State Black | Gray12 |
Contraste da Paleta de Cores
9 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 |
#3d348b | #1f1f1f | 1.61 |
#b9e769 | #ff6f59 | 1.91 |
#b9e769 | #00b4d8 | 1.72 |
#b9e769 | #cccccc | 1.12 |
#b9e769 | #ffffff | 1.42 |
#ff6f59 | #00b4d8 | 1.11 |
Paleta de imagens Frontend JS Modular Design Kit png
Exportar paleta
Baixe a "Frontend JS Modular Design Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: