Criado em 04/29/2021 16:05
Material Design Color Palette (nº1)
red-lighten-5
#ffebee
red-lighten-4
#ffcdd2
red-lighten-3
#ef9a9a
red-lighten-2
#e57373
red-lighten-1
#ef5350
red
#f44336
red-darken-1
#e53935
red-darken-2
#d32f2f
red-darken-3
#c62828
red-darken-4
#b71c1c
red-accent-1
#ff8a80
red-accent-2
#ff5252
red-accent-3
#ff1744
red-accent-4
#d50000
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque red-lighten-5 #ffebee e red-lighten-4 #ffcdd2. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Material Design Color Palette (nº1) tem uma combinação de cores de códigos de 14:
HEX: #ffebee, RGB: (255, 235, 238); HEX: #ffcdd2, RGB: (255, 205, 210); HEX: #ef9a9a, RGB: (239, 154, 154)
HEX: #e57373, RGB: (229, 115, 115); HEX: #ef5350, RGB: (239, 83, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #e53935, RGB: (229, 57, 53); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #c62828, RGB: (198, 40, 40)
HEX: #b71c1c, RGB: (183, 28, 28); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #ff1744, RGB: (255, 23, 68); HEX: #d50000, RGB: (213, 0, 0)
Versão simplificada das cores da paleta
Matiz de lavenderblush, Sombra de Rosa, Sombra de lightcoral, Matiz de lightcoral, Sombra de indianred, Matiz de tomato, Sombra de Vermelho, Sombra de crimson, Sombra de firebrick, Matiz de firebrick, Sombra de salmon, Matiz de tomato, Sombra de crimson, Matiz de firebrick
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design Color Palette (nº1) códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffebee | #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough |
| #ffcdd2 | #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — |
| #ef9a9a | #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | red-lighten-2 | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | red | — |
| #e53935 | #e53935 | RGB(229, 57, 53) | red-darken-1 | — |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | red-darken-2 | — |
| #c62828 | #c62828 | RGB(198, 40, 40) | red-darken-3 | — |
| #b71c1c | #b71c1c | RGB(183, 28, 28) | red-darken-4 | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — |
| #ff5252 | #ff5252 | RGB(255, 82, 82) | red-accent-2 | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | red-accent-3 | — |
| #d50000 | #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Contraste da Paleta de Cores
61 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 |
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
