FerramentasDev.

Laranja em hexadecimal

5 tons de laranja com código HEX e RGB. Clique para copiar.

5 cores · clique na cor para copiar o HEX

  • Coral

    coral

  • Tomate

    tomato

  • Laranja avermelhado

    orangered

  • Laranja escuro

    darkorange

  • Laranja

    orange

Códigos de cores por família

Sobre os tons de laranja

O laranja une a energia do vermelho com a alegria do amarelo. É muito usado em botões de ação, marcas de comida e varejo. Para textos sobre fundo branco, prefira os tons mais escuros, que têm contraste suficiente.

Como escolher o tom certo

Para textos, confira se o tom tem contraste suficiente com o fundo no verificador de contraste: tons claros quase nunca passam sobre o branco. Para montar uma paleta a partir de um destes códigos, use o gerador de paletas ou o gerador de escala, que cria versões mais claras e mais escuras da mesma cor.

Perguntas frequentes

Qual o código hexadecimal do laranja?

Depende do tom. Coral é #FF7F50, Tomate é #FF6347, Laranja avermelhado é #FF4500. A tabela acima traz todos os 5 tons de laranja com HEX e RGB.

Como usar esses códigos no CSS?

Copie o HEX e use em qualquer propriedade de cor, como color: #FF7F50; ou background: #FF7F50;. Os tons com nome de CSS também funcionam pelo nome, como color: coral;.