Criado em 01/16/2024 08:47
Material Design Color Palette (07)
light-blue lighten-5
#e1f5fe
light-blue lighten-4
#b3e5fc
light-blue lighten-3
#81d4fa
light-blue lighten-2
#4fc3f7
light-blue lighten-1
#29b6f6
light-blue
#03a9f4
light-blue darken-1
#039be5
light-blue darken-2
#0288d1
light-blue darken-3
#0277bd
light-blue darken-4
#01579b
light-blue accent-1
#80d8ff
light-blue accent-2
#40c4ff
light-blue accent-3
#00b0ff
light-blue accent-4
#0091ea
A paleta consiste em cores Luz, Semi escuro. Cores de destaque light-blue accent-1 #80d8ff e light-blue accent-2 #40c4ff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design Color Palette (07) tem uma combinação de cores de códigos de 14:
HEX: #e1f5fe, RGB: (225, 245, 254); HEX: #b3e5fc, RGB: (179, 229, 252); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #29b6f6, RGB: (41, 182, 246); HEX: #03a9f4, RGB: (3, 169, 244)
HEX: #039be5, RGB: (3, 155, 229); HEX: #0288d1, RGB: (2, 136, 209); HEX: #0277bd, RGB: (2, 119, 189)
HEX: #01579b, RGB: (1, 87, 155); HEX: #80d8ff, RGB: (128, 216, 255); HEX: #40c4ff, RGB: (64, 196, 255)
HEX: #00b0ff, RGB: (0, 176, 255); HEX: #0091ea, RGB: (0, 145, 234)
Versão simplificada das cores da paleta
Matiz de azure, Sombra de lightblue, Sombra de skyblue, Sombra de deepskyblue, Sombra de deepskyblue, Matiz de deepskyblue, Matiz de dodgerblue, Matiz de steelblue, Matiz de steelblue, Matiz de royalblue, Sombra de skyblue, Sombra de deepskyblue, Matiz de deepskyblue, Matiz de dodgerblue
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design Color Palette (07) códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e1f5fe | RGB(225, 245, 254) | light-blue lighten-5 | — | |
| #b3e5fc | RGB(179, 229, 252) | light-blue lighten-4 | — | |
| #81d4fa | RGB(129, 212, 250) | light-blue lighten-3 | — | |
| #4fc3f7 | RGB(79, 195, 247) | light-blue lighten-2 | — | |
| #29b6f6 | RGB(41, 182, 246) | light-blue lighten-1 | — | |
| #03a9f4 | RGB(3, 169, 244) | light-blue | — | |
| #039be5 | RGB(3, 155, 229) | light-blue darken-1 | — | |
| #0288d1 | RGB(2, 136, 209) | light-blue darken-2 | — | |
| #0277bd | RGB(2, 119, 189) | light-blue darken-3 | — | |
| #01579b | RGB(1, 87, 155) | light-blue darken-4 | — | |
| #80d8ff | RGB(128, 216, 255) | light-blue accent-1 | — | |
| #40c4ff | RGB(64, 196, 255) | light-blue accent-2 | — | |
| #00b0ff | RGB(0, 176, 255) | light-blue accent-3 | — | |
| #0091ea | RGB(0, 145, 234) | light-blue accent-4 | — |
Contraste da Paleta de Cores
60 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 |
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
