Criado em 08/11/2025 14:37
Minimal SaaS Landing Page
- Hero Blue#2196f3
- CTA Orange#f57c00
- Feature Mint#80cbc4
- Subtitle Gray#9e9e9e
- Background White#ffffff
- Footer Black#212121
A paleta consiste em cores Luz, Escuro. Cores de destaque Hero Blue #2196f3 e CTA Orange #f57c00. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #212121 (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #212121, #2196F3, #80CBC4, #9E9E9E, #F57C00, #FFFFFF
A paleta Minimal SaaS Landing Page tem uma combinação de cores de códigos de 6:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #f57c00, RGB: (245, 124, 0); HEX: #80cbc4, RGB: (128, 203, 196)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffffff, RGB: (255, 255, 255); HEX: #212121, RGB: (33, 33, 33)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Matiz de darkorange, Sombra de mediumturquoise, Matiz de darkgrey, Branco, Sombra de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Minimal SaaS Landing Page códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Hero Blue | — |
| #f57c00 | #f57c00 | RGB(245, 124, 0) | CTA Orange | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Feature Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Subtitle Gray | Gray62 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #212121 | #212121 | RGB(33, 33, 33) | Footer Black | Lead |
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 |
#2196f3 | #f57c00 | 1.15 |
#2196f3 | #80cbc4 | 1.67 |
#2196f3 | #9e9e9e | 1.16 |
#f57c00 | #80cbc4 | 1.44 |
#f57c00 | #9e9e9e | 1 |
#80cbc4 | #9e9e9e | 1.43 |
Paleta de imagens Minimal SaaS Landing Page png
Exportar paleta
Baixe a "Minimal SaaS Landing Page" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: