Criado em 04/29/2021 16:08
Material Design Color Palette (nº13)
yellow lighten-5
#fffde7
yellow lighten-4
#fff9c4
yellow lighten-3
#fff59d
yellow lighten-2
#fff176
yellow lighten-1
#ffee58
yellow
#ffeb3b
yellow darken-1
#fdd835
yellow darken-2
#fbc02d
yellow darken-3
#f9a825
yellow darken-4
#f57f17
yellow accent-1
#ffff8d
yellow accent-2
#ffff00
yellow accent-3
#ffea00
yellow accent-4
#ffd600
A paleta consiste em cores Luz. Cores de destaque yellow lighten-5 #fffde7 e yellow lighten-4 #fff9c4. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Material Design Color Palette (nº13) tem uma combinação de cores de códigos de 14:
HEX: #fffde7, RGB: (255, 253, 231); HEX: #fff9c4, RGB: (255, 249, 196); HEX: #fff59d, RGB: (255, 245, 157)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ffee58, RGB: (255, 238, 88); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #fdd835, RGB: (253, 216, 53); HEX: #fbc02d, RGB: (251, 192, 45); HEX: #f9a825, RGB: (249, 168, 37)
HEX: #f57f17, RGB: (245, 127, 23); HEX: #ffff8d, RGB: (255, 255, 141); HEX: #ffff00, RGB: (255, 255, 0)
HEX: #ffea00, RGB: (255, 234, 0); HEX: #ffd600, RGB: (255, 214, 0)
Versão simplificada das cores da paleta
Sombra de beige, Matiz de lemonchiffon, Sombra de Cáqui, Sombra de Cáqui, Sombra de Amarelo, Matiz de Amarelo, Sombra de gold, Sombra de goldenrod, Sombra de Laranja, Matiz de darkorange, Sombra de Cáqui, Amarelo, Sombra de gold, Matiz de gold
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design Color Palette (nº13) códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#fffde7 | RGB(255, 253, 231) | yellow lighten-5 | — | |
#fff9c4 | RGB(255, 249, 196) | yellow lighten-4 | — | |
#fff59d | RGB(255, 245, 157) | yellow lighten-3 | — | |
#fff176 | RGB(255, 241, 118) | yellow lighten-2 | — | |
#ffee58 | RGB(255, 238, 88) | yellow lighten-1 | — | |
#ffeb3b | RGB(255, 235, 59) | yellow | — | |
#fdd835 | RGB(253, 216, 53) | yellow darken-1 | — | |
#fbc02d | RGB(251, 192, 45) | yellow darken-2 | — | |
#f9a825 | RGB(249, 168, 37) | yellow darken-3 | — | |
#f57f17 | RGB(245, 127, 23) | yellow darken-4 | — | |
#ffff8d | RGB(255, 255, 141) | yellow accent-1 | — | |
#ffff00 | RGB(255, 255, 0) | yellow accent-2 | Yellow | |
#ffea00 | RGB(255, 234, 0) | yellow accent-3 | — | |
#ffd600 | RGB(255, 214, 0) | yellow accent-4 | — |
Contraste da Paleta de Cores
82 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 |
#fffde7 | #fff9c4 | 1.04 |
#fffde7 | #fff59d | 1.08 |
#fffde7 | #fff176 | 1.13 |
#fffde7 | #ffee58 | 1.16 |
#fffde7 | #ffeb3b | 1.18 |
#fffde7 | #fdd835 | 1.35 |