Criado em 03/29/2024 15:11
  61

Semantic UI React CSS Framework colors

red
#db2828
orange
#f2711c
yellow
#fbbd08
olive
#b5cc18
green
#21ba45
teal
#00b5ad
blue
#2185d0
violet
#6435c9
purple
#a333c8
pink
#e03997
brown
#a5673f
grey
#767676
black
#1b1c1d
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque yellow #fbbd08 e teal #00b5ad. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta Semantic UI React CSS Framework colors tem uma combinação de cores de códigos de 13:
HEX: #db2828, RGB: (219, 40, 40); HEX: #f2711c, RGB: (242, 113, 28); HEX: #fbbd08, RGB: (251, 189, 8)
HEX: #b5cc18, RGB: (181, 204, 24); HEX: #21ba45, RGB: (33, 186, 69); HEX: #00b5ad, RGB: (0, 181, 173)
HEX: #2185d0, RGB: (33, 133, 208); HEX: #6435c9, RGB: (100, 53, 201); HEX: #a333c8, RGB: (163, 51, 200)
HEX: #e03997, RGB: (224, 57, 151); HEX: #a5673f, RGB: (165, 103, 63); HEX: #767676, RGB: (118, 118, 118)
HEX: #1b1c1d, RGB: (27, 28, 29)
Versão simplificada das cores da paleta
Sombra de crimson, Sombra de chocolate, Sombra de goldenrod, Sombra de Amarelo verde, Matiz de limegreen, Matiz de lightseagreen, Matiz de steelblue, Matiz de blueviolet, Sombra de darkorchid, Sombra de deeppink, Sombra de sienna, Matiz de Cinza, Sombra de Preto
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

Semantic UI React CSS Framework colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#db2828 RGB(219, 40, 40)red
#f2711c RGB(242, 113, 28)orange
#fbbd08 RGB(251, 189, 8)yellow
#b5cc18 RGB(181, 204, 24)olive
#21ba45 RGB(33, 186, 69)green
#00b5ad RGB(0, 181, 173)teal
#2185d0 RGB(33, 133, 208)blue
#6435c9 RGB(100, 53, 201)violet
#a333c8 RGB(163, 51, 200)purple
#e03997 RGB(224, 57, 151)pink
#a5673f RGB(165, 103, 63)brown
#767676 RGB(118, 118, 118)grey
#1b1c1d RGB(27, 28, 29)black

Contraste da Paleta de Cores

47 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
#db2828
#f2711c
1.64
#db2828
#21ba45
1.88
#db2828
#00b5ad
1.88
#db2828
#2185d0
1.22
#db2828
#6435c9
1.5
#db2828
#a333c8
1.12

Paleta de imagens Semantic UI React CSS Framework 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