Criado em 07/12/2025 20:05
Next-Gen Web Portal Framework
- Landing Page Blue#3a86ff
- Hero Text White#f8f9fa
- Grid Break Taupe#d6ccc2
- Flexbox Aqua#00fff7
- Component Shadow#1e1e24
- Interaction Plum#9b5de5
A paleta consiste em cores Luz, Escuro. Cores de destaque Grid Break Taupe #d6ccc2 e Flexbox Aqua #00fff7. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E1E24 (mais escuro) a #F8F9FA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
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 frio (3 de 6).
Códigos HEX (ordenados): #00FFF7, #1E1E24, #3A86FF, #9B5DE5, #D6CCC2, #F8F9FA
A paleta Next-Gen Web Portal Framework tem uma combinação de cores de códigos de 6:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #d6ccc2, RGB: (214, 204, 194)
HEX: #00fff7, RGB: (0, 255, 247); HEX: #1e1e24, RGB: (30, 30, 36); HEX: #9b5de5, RGB: (155, 93, 229)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Sombra de whitesmoke, Matiz de lightgrey, Matiz de cyan, Sombra de Preto, Matiz de mediumpurple
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Next-Gen Web Portal Framework códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Landing Page Blue | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Hero Text White | — |
| #d6ccc2 | #d6ccc2 | RGB(214, 204, 194) | Grid Break Taupe | — |
| #00fff7 | #00fff7 | RGB(0, 255, 247) | Flexbox Aqua | — |
| #1e1e24 | #1e1e24 | RGB(30, 30, 36) | Component Shadow | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Interaction Plum | — |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#3a86ff | #9b5de5 | 1.18 |
#f8f9fa | #d6ccc2 | 1.5 |
#f8f9fa | #00fff7 | 1.19 |
#d6ccc2 | #00fff7 | 1.25 |
Paleta de imagens Next-Gen Web Portal Framework png
Exportar paleta
Baixe a "Next-Gen Web Portal Framework" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: