Criado em 05/24/2021 15:57
fghj
Primary
#337ab7
Success
#5cb85c
Warning
#f0ad4e
Info
#5bc0de
Danger
#d9534f
#9e6bef
#3a04e9
#35d2e6
#0d6dae
#97de82
#c660c9
#014d5f
#9e86c1
#62404c
#cd5b0c
#81b919
#46b8bf
#07fb22
#465edd
#4bb38a
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque #014d5f e #cd5b0c. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta fghj tem uma combinação de cores de códigos de 20:
HEX: #337ab7, RGB: (51, 122, 183); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #f0ad4e, RGB: (240, 173, 78)
HEX: #5bc0de, RGB: (91, 192, 222); HEX: #d9534f, RGB: (217, 83, 79); HEX: #9e6bef, RGB: (158, 107, 239)
HEX: #3a04e9, RGB: (58, 4, 233); HEX: #35d2e6, RGB: (53, 210, 230); HEX: #0d6dae, RGB: (13, 109, 174)
HEX: #97de82, RGB: (151, 222, 130); HEX: #c660c9, RGB: (198, 96, 201); HEX: #014d5f, RGB: (1, 77, 95)
HEX: #9e86c1, RGB: (158, 134, 193); HEX: #62404c, RGB: (98, 64, 76); HEX: #cd5b0c, RGB: (205, 91, 12)
HEX: #81b919, RGB: (129, 185, 25); HEX: #46b8bf, RGB: (70, 184, 191); HEX: #07fb22, RGB: (7, 251, 34)
HEX: #465edd, RGB: (70, 94, 221); HEX: #4bb38a, RGB: (75, 179, 138)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de mediumseagreen, Sombra de Laranja, Matiz de skyblue, Matiz de indianred, Sombra de mediumpurple, Sombra de Azul, Sombra de darkturquoise, Matiz de steelblue, Matiz de lightgreen, Sombra de mediumorchid, Matiz de darkslategrey, Sombra de mediumpurple, Matiz de dimgrey, Matiz de chocolate, Matiz de Amarelo verde, Sombra de darkturquoise, Sombra de Lima, Matiz de royalblue, Sombra de mediumseagreen
O esquema de cores foi criado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de cores na paleta
fghj códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#337ab7 | RGB(51, 122, 183) | Primary | — | |
#5cb85c | RGB(92, 184, 92) | Success | — | |
#f0ad4e | RGB(240, 173, 78) | Warning | — | |
#5bc0de | RGB(91, 192, 222) | Info | — | |
#d9534f | RGB(217, 83, 79) | Danger | — | |
#9e6bef | RGB(158, 107, 239) | — | — | |
#3a04e9 | RGB(58, 4, 233) | — | — | |
#35d2e6 | RGB(53, 210, 230) | — | — | |
#0d6dae | RGB(13, 109, 174) | — | — | |
#97de82 | RGB(151, 222, 130) | — | — | |
#c660c9 | RGB(198, 96, 201) | — | — | |
#014d5f | RGB(1, 77, 95) | — | — | |
#9e86c1 | RGB(158, 134, 193) | — | — | |
#62404c | RGB(98, 64, 76) | — | — | |
#cd5b0c | RGB(205, 91, 12) | — | — | |
#81b919 | RGB(129, 185, 25) | — | — | |
#46b8bf | RGB(70, 184, 191) | — | — | |
#07fb22 | RGB(7, 251, 34) | — | — | |
#465edd | RGB(70, 94, 221) | — | — | |
#4bb38a | RGB(75, 179, 138) | — | — |
Contraste da Paleta de Cores
111 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 |
#337ab7 | #5cb85c | 1.83 |
#337ab7 | #d9534f | 1.15 |
#337ab7 | #9e6bef | 1.25 |
#337ab7 | #3a04e9 | 1.94 |
#337ab7 | #0d6dae | 1.2 |
#337ab7 | #c660c9 | 1.28 |