Criado em 12/29/2017 21:43
Reactjs colors palette
#61dafb
#20232a
#282c34
#ffffff
#fac863
#c5a5c5
#fc929e
#79b6f2
#8dc891
#5fb3b3
A paleta consiste em cores Luz, Escuro. Cores de destaque #61dafb e #fc929e. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Reactjs colors palette tem uma combinação de cores de códigos de 10:
HEX: #61dafb, RGB: (97, 218, 251); HEX: #20232a, RGB: (32, 35, 42); HEX: #282c34, RGB: (40, 44, 52)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fac863, RGB: (250, 200, 99); HEX: #c5a5c5, RGB: (197, 165, 197)
HEX: #fc929e, RGB: (252, 146, 158); HEX: #79b6f2, RGB: (121, 182, 242); HEX: #8dc891, RGB: (141, 200, 145)
HEX: #5fb3b3, RGB: (95, 179, 179)
Versão simplificada das cores da paleta
Matiz de skyblue, Sombra de Preto, Sombra de Preto, Branco, Sombra de goldenrod, Matiz de thistle, Sombra de lightcoral, Matiz de lightskyblue, Sombra de darkseagreen, Sombra de lightseagreen
O esquema de cores foi criado por mz
Códigos de cores na paleta
Reactjs colors palette códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#61dafb | RGB(97, 218, 251) | — | — | |
#20232a | RGB(32, 35, 42) | — | — | |
#282c34 | RGB(40, 44, 52) | — | — | |
#ffffff | RGB(255, 255, 255) | — | White | |
#fac863 | RGB(250, 200, 99) | — | — | |
#c5a5c5 | RGB(197, 165, 197) | — | — | |
#fc929e | RGB(252, 146, 158) | — | — | |
#79b6f2 | RGB(121, 182, 242) | — | — | |
#8dc891 | RGB(141, 200, 145) | — | — | |
#5fb3b3 | RGB(95, 179, 179) | — | — |
Contraste da Paleta de Cores
25 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 |
#61dafb | #ffffff | 1.62 |
#61dafb | #fac863 | 1.04 |
#61dafb | #c5a5c5 | 1.35 |
#61dafb | #fc929e | 1.32 |
#61dafb | #79b6f2 | 1.32 |
#61dafb | #8dc891 | 1.19 |