Criado em 06/09/2025 08:05
Full Stack Web App Layer Map
- Client Cloud#f4f4f9
- Server Asphalt#2d2d2d
- Database Olive#c1d37f
- Auth Red#f76c5e
- Cache Mint#aaf683
- API Linen#fbf9f1
A paleta consiste em cores Luz, Escuro. Cores de destaque Client Cloud #f4f4f9 e Auth Red #f76c5e. A paleta tem Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2D2D2D (mais escuro) a #F4F4F9 (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).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #2D2D2D, #AAF683, #C1D37F, #F4F4F9, #F76C5E, #FBF9F1
A paleta Full Stack Web App Layer Map tem uma combinação de cores de códigos de 6:
HEX: #f4f4f9, RGB: (244, 244, 249); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #c1d37f, RGB: (193, 211, 127)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #aaf683, RGB: (170, 246, 131); HEX: #fbf9f1, RGB: (251, 249, 241)
Versão simplificada das cores da paleta
Matiz de ghostwhite, Sombra de Preto, Matiz de Cáqui, Matiz de salmon, Sombra de palegreen, Matiz de floralwhite
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Full Stack Web App Layer Map códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f4f4f9 | #f4f4f9 | RGB(244, 244, 249) | Client Cloud | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Server Asphalt | — |
| #c1d37f | #c1d37f | RGB(193, 211, 127) | Database Olive | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Auth Red | — |
| #aaf683 | #aaf683 | RGB(170, 246, 131) | Cache Mint | — |
| #fbf9f1 | #fbf9f1 | RGB(251, 249, 241) | API Linen | — |
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 | Taxa de contraste |
#f4f4f9 | #c1d37f | 1.48 |
#f4f4f9 | #aaf683 | 1.18 |
#f4f4f9 | #fbf9f1 | 1.04 |
#c1d37f | #f76c5e | 1.77 |
#c1d37f | #aaf683 | 1.25 |
#c1d37f | #fbf9f1 | 1.54 |
Paleta de imagens Full Stack Web App Layer Map png
Exportar paleta
Baixe a "Full Stack Web App Layer Map" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: