Criado em 03/29/2024 15:11
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
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 |