Criado em 07/03/2020 10:32
  0.24k

React designsystem components popover hex colors

#a00c3c
#bf8ed6
#18564b
#505d9a
#b3aeaa
#382e55
Entrar para salvar a paleta na coleção
A paleta consiste em cores Escuro, Luz, Semi escuro. Cores de destaque #a00c3c e #18564b. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta React designsystem components popover hex colors tem uma combinação de cores de códigos de 6:
HEX: #a00c3c, RGB: (160, 12, 60); HEX: #bf8ed6, RGB: (191, 142, 214); HEX: #18564b, RGB: (24, 86, 75)
HEX: #505d9a, RGB: (80, 93, 154); HEX: #b3aeaa, RGB: (179, 174, 170); HEX: #382e55, RGB: (56, 46, 85)
Versão simplificada das cores da paleta
Matiz de brown, Matiz de plum, Matiz de darkslategrey, Matiz de slateblue, Sombra de darkgrey, Matiz de darkslateblue
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

React designsystem components popover hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#a00c3c RGB(160, 12, 60)
#bf8ed6 RGB(191, 142, 214)
#18564b RGB(24, 86, 75)
#505d9a RGB(80, 93, 154)
#b3aeaa RGB(179, 174, 170)
#382e55 RGB(56, 46, 85)

Contraste da Paleta de Cores

7 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
#a00c3c
#18564b
1.05
#a00c3c
#505d9a
1.29
#a00c3c
#382e55
1.54
#bf8ed6
#b3aeaa
1.18
#18564b
#505d9a
1.36
#18564b
#382e55
1.46

Paleta de imagens React designsystem components popover hex colors png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas