Criado em 04/29/2021 16:09
Material Design Color Palette (nº14)
amber lighten-5
#fff8e1
amber lighten-4
#ffecb3
amber lighten-3
#ffe082
amber lighten-2
#ffd54f
amber lighten-1
#ffca28
amber
#ffc107
amber darken-1
#ffb300
amber darken-2
#ffa000
amber darken-3
#ff8f00
amber darken-4
#ff6f00
amber accent-1
#ffe57f
amber accent-2
#ffd740
amber accent-3
#ffc400
amber accent-4
#ffab00
A paleta consiste em cores Luz. Cores de destaque amber lighten-5 #fff8e1 e amber lighten-4 #ffecb3. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Material Design Color Palette (nº14) tem uma combinação de cores de códigos de 14:
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #ffecb3, RGB: (255, 236, 179); HEX: #ffe082, RGB: (255, 224, 130)
HEX: #ffd54f, RGB: (255, 213, 79); HEX: #ffca28, RGB: (255, 202, 40); HEX: #ffc107, RGB: (255, 193, 7)
HEX: #ffb300, RGB: (255, 179, 0); HEX: #ffa000, RGB: (255, 160, 0); HEX: #ff8f00, RGB: (255, 143, 0)
HEX: #ff6f00, RGB: (255, 111, 0); HEX: #ffe57f, RGB: (255, 229, 127); HEX: #ffd740, RGB: (255, 215, 64)
HEX: #ffc400, RGB: (255, 196, 0); HEX: #ffab00, RGB: (255, 171, 0)
Versão simplificada das cores da paleta
Sombra de cornsilk, Sombra de moccasin, Matiz de Cáqui, Sombra de gold, Matiz de gold, Matiz de gold, Sombra de Laranja, Matiz de Laranja, Sombra de darkorange, Sombra de chocolate, Sombra de Cáqui, Sombra de gold, Matiz de gold, Sombra de Laranja
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design Color Palette (nº14) códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff8e1 | RGB(255, 248, 225) | amber lighten-5 | Still Morning | |
| #ffecb3 | RGB(255, 236, 179) | amber lighten-4 | — | |
| #ffe082 | RGB(255, 224, 130) | amber lighten-3 | — | |
| #ffd54f | RGB(255, 213, 79) | amber lighten-2 | — | |
| #ffca28 | RGB(255, 202, 40) | amber lighten-1 | — | |
| #ffc107 | RGB(255, 193, 7) | amber | — | |
| #ffb300 | RGB(255, 179, 0) | amber darken-1 | UCLA Gold | |
| #ffa000 | RGB(255, 160, 0) | amber darken-2 | Orange Peel | |
| #ff8f00 | RGB(255, 143, 0) | amber darken-3 | Princeton Orange | |
| #ff6f00 | RGB(255, 111, 0) | amber darken-4 | — | |
| #ffe57f | RGB(255, 229, 127) | amber accent-1 | — | |
| #ffd740 | RGB(255, 215, 64) | amber accent-2 | — | |
| #ffc400 | RGB(255, 196, 0) | amber accent-3 | Citrus Splash | |
| #ffab00 | RGB(255, 171, 0) | amber accent-4 | — |
Contraste da Paleta de Cores
86 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 |
#fff8e1 | #ffecb3 | 1.1 |
#fff8e1 | #ffe082 | 1.21 |
#fff8e1 | #ffd54f | 1.32 |
#fff8e1 | #ffca28 | 1.43 |
#fff8e1 | #ffc107 | 1.53 |
#fff8e1 | #ffb300 | 1.68 |
