Criado em 12/16/2017 13:43
1
Red palette Materialize CSS
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 Red palette Materialize CSS 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 mz
Códigos de cores na paleta
Red palette Materialize CSS códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough | |
#ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — | |
#ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — | |
#e57373 | RGB(229, 115, 115) | red-lighten-2 | — | |
#ef5350 | RGB(239, 83, 80) | red-lighten-1 | — | |
#f44336 | RGB(244, 67, 54) | red | — | |
#e53935 | RGB(229, 57, 53) | red-darken-1 | — | |
#d32f2f | RGB(211, 47, 47) | red-darken-2 | — | |
#c62828 | RGB(198, 40, 40) | red-darken-3 | — | |
#b71c1c | RGB(183, 28, 28) | red-darken-4 | — | |
#ff8a80 | RGB(255, 138, 128) | red-accent-1 | — | |
#ff5252 | RGB(255, 82, 82) | red-accent-2 | — | |
#ff1744 | RGB(255, 23, 68) | red-accent-3 | — | |
#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 |