Criado em 12/27/2017 21:15
pormz
  7.25k

Orange palette Materialize CSS

orange lighten-5
#fff3e0
orange lighten-4
#ffe0b2
orange lighten-3
#ffcc80
orange lighten-2
#ffb74d
orange lighten-1
#ffa726
orange
#ff9800
orange darken-1
#fb8c00
orange darken-2
#f57c00
orange darken-3
#ef6c00
orange darken-4
#e65100
orange accent-1
#ffd180
orange accent-2
#ffab40
orange accent-3
#ff9100
orange accent-4
#ff6d00
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz. Cores de destaque orange lighten-5 #fff3e0 e orange lighten-4 #ffe0b2. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Orange palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #fff3e0, RGB: (255, 243, 224); HEX: #ffe0b2, RGB: (255, 224, 178); HEX: #ffcc80, RGB: (255, 204, 128)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #ffa726, RGB: (255, 167, 38); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #fb8c00, RGB: (251, 140, 0); HEX: #f57c00, RGB: (245, 124, 0); HEX: #ef6c00, RGB: (239, 108, 0)
HEX: #e65100, RGB: (230, 81, 0); HEX: #ffd180, RGB: (255, 209, 128); HEX: #ffab40, RGB: (255, 171, 64)
HEX: #ff9100, RGB: (255, 145, 0); HEX: #ff6d00, RGB: (255, 109, 0)
Versão simplificada das cores da paleta
Sombra de antiquewhite, Sombra de navajowhite, Matiz de navajowhite, Sombra de Laranja, Sombra de Laranja, Sombra de darkorange, Matiz de darkorange, Matiz de darkorange, Sombra de chocolate, Matiz de orangered, Matiz de navajowhite, Sombra de Laranja, Sombra de darkorange, Matiz de coral
O esquema de cores foi criado por mz

Códigos de cores na paleta

Orange palette Materialize CSS códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#fff3e0 RGB(255, 243, 224)orange lighten-5
#ffe0b2 RGB(255, 224, 178)orange lighten-4
#ffcc80 RGB(255, 204, 128)orange lighten-3
#ffb74d RGB(255, 183, 77)orange lighten-2
#ffa726 RGB(255, 167, 38)orange lighten-1
#ff9800 RGB(255, 152, 0)orange
#fb8c00 RGB(251, 140, 0)orange darken-1
#f57c00 RGB(245, 124, 0)orange darken-2
#ef6c00 RGB(239, 108, 0)orange darken-3
#e65100 RGB(230, 81, 0)orange darken-4
#ffd180 RGB(255, 209, 128)orange accent-1
#ffab40 RGB(255, 171, 64)orange accent-2
#ff9100 RGB(255, 145, 0)orange accent-3
#ff6d00 RGB(255, 109, 0)orange accent-4

Contraste da Paleta de Cores

75 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
#fff3e0
#ffe0b2
1.15
#fff3e0
#ffcc80
1.34
#fff3e0
#ffb74d
1.57
#fff3e0
#ffa726
1.77
#fff3e0
#ff9800
1.96
#fff3e0
#ffd180
1.3

Paleta de imagens Orange palette Materialize CSS png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas