O laranja transmite energia, otimismo e proximidade. Situa-se entre o vermelho e o amarelo, combinando a intensidade do primeiro com o carácter alegre do segundo.
O laranja resulta da mistura de vermelho e amarelo, trazendo calor, dinamismo e uma presença visual amigável.
É amplamente usado em branding, interfaces digitais, desporto, alimentação e e-commerce porque atrai a atenção sem parecer tão agressivo como o vermelho.
O laranja associa-se frequentemente a conceitos como:
O seu significado pode variar entre culturas, mas comunica em geral sentimentos positivos e estimulantes que convidam à ação.
Na psicologia das cores, o laranja associa-se à motivação, criatividade e comunicação. Pode criar uma atmosfera amigável e acessível, pelo que muitas marcas o usam para transmitir confiança sem perder personalidade.
As emoções que frequentemente evoca incluem:
Em design de interfaces, é frequentemente usado para destacar ações importantes, promoções ou elementos que precisam de atenção sem sugerir perigo.
O laranja aparece em muitos setores graças à sua capacidade de atrair a atenção de forma positiva. É comum em:
O seu equilíbrio entre visibilidade e amabilidade torna-o uma excelente alternativa ao vermelho para ações de conversão.
Entre os nomes HTML e CSS mais conhecidos encontrará:
| Nome | Amostra | Hex | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Coral | |||||
| Tomato | |||||
| OrangeRed | |||||
| DarkOrange | |||||
| Orange |
Os tons mais claros parecem frescos e acessíveis, enquanto os mais saturados trazem energia e protagonismo.
Cores HTMLO laranja combina especialmente bem com neutros e cores frias que equilibram a sua intensidade. Combinações comuns incluem:
#FFFFFF#111111#374151#000080#0F766E#228B22#FFF8E7#F5F5DC#8B4513#87CEEBConsoante o objetivo, pode criar estilos modernos, quentes, naturais ou altamente apelativos.
A complementar do laranja situa-se na gama dos azuis do círculo cromático. Este emparelhamento cria um dos contrastes mais fortes e mais usados em design gráfico, interfaces e branding, porque ambas as cores se intensificam mutuamente.
As harmonias desta página usam a mesma lógica do Círculo cromático e do Gerador de paletas do Matizly. O laranja suporta muitas harmonias no círculo cromático.
Combine laranja com amarelos e tons avermelhados para composições quentes e dinâmicas.
Laranja e azul criam um contraste visual forte, ideal para destacar elementos-chave.
Substitua o azul complementar por verde-azulado e azul-violeta para um resultado mais equilibrado.
O laranja forma tríades marcantes com verde e violeta.
Construa composições ricas combinando laranja, azul, verde e vermelho-violeta mantendo o equilíbrio cromático.
As variações são geradas com as mesmas funções do estúdio Matizly (tintas, tons e sombras em HSL). As mais comuns são:
Matizes (adicionando branco)
Tons (adicionando cinza)
Sombras (adicionando preto)
Variações de saturação
Escalas cromáticas
Estes ajustes ajudam a adaptar o mesmo laranja a fundos, botões e realces sem perder coerência visual.
As paletas de laranja funcionam especialmente bem com neutros ou azuis. Ideias populares incluem:
3 cores
3 cores
3 cores
3 cores
3 cores
3 cores
Estas combinações são comuns em design web, interfaces modernas e branding.
Paletas de coresAntes de usar laranja para texto ou botões, verifique sempre o contraste com o fundo.
Laranjas claros podem precisar de fundos escuros para cumprir as orientações WCAG, enquanto laranjas intensos funcionam frequentemente melhor sobre fundos brancos.
Validar o contraste melhora a acessibilidade e mantém a leitura confortável para todos.
Texto escuro / fundo laranja
9.56:1AA ✓
Texto branco / fundo laranja escuro
5.18:1AA ✓
Texto laranja / fundo branco
3.56:1AA ✕
Texto laranja / fundo preto
8.34:1AA ✓
O laranja é uma das cores que melhor funciona em gradientes graças à sua riqueza cromática. Combinações comuns:
#FFA500 → #FFD700#FFA500 → #FF0000#FFA500 → #FF69B4#FFA500 → #FF7F50#FFA500 → #8B4513#FFA500 → #1E3A8AEstes gradientes são frequentes em landing pages, aplicações móveis e elementos destacados.
Gerador de gradientesO laranja é frequentemente usado para transmitir energia, criatividade e proximidade em interfaces modernas. Bem utilizado, atrai a atenção sem parecer tão agressivo como o vermelho.
O laranja simboliza energia, otimismo, criatividade e entusiasmo. É uma das cores mais usadas para transmitir proximidade e dinamismo.
O laranja combina muito bem com branco, preto, azul marinho, cinzento escuro, creme, bege, verde floresta e azul petróleo.
A complementar do laranja é o azul, pois ambos se situam em posições opostas no círculo cromático.
É muito comum em design web, aplicações móveis, marketing, alimentação, desporto, tecnologia e e-commerce.
Escolha qualquer cor e copie Hex, RGB, HSL ou OKLCH com tons e harmônicas.
ExperimentarExplore paletas prontas e guarde as favoritas neste dispositivo.
ExperimentarExplore harmônicas num círculo interativo e crie paletas equilibradas.
Experimentar