Criado em 02/02/2021 12:53
dsftygui
Primary
#337ab7
Success
#5cb85c
Warning
#f0ad4e
Info
#5bc0de
Danger
#d9534f
#798e01
#b392f2
#04a770
#547456
#4fa07c
#ce6203
#3d1469
#eec139
#46ee9b
#945094
#f91a40
#4d6d9a
#aee62e
#9655a2
#8d8707
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque #798e01 e #b392f2. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta dsftygui 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: #798e01, RGB: (121, 142, 1)
HEX: #b392f2, RGB: (179, 146, 242); HEX: #04a770, RGB: (4, 167, 112); HEX: #547456, RGB: (84, 116, 86)
HEX: #4fa07c, RGB: (79, 160, 124); HEX: #ce6203, RGB: (206, 98, 3); HEX: #3d1469, RGB: (61, 20, 105)
HEX: #eec139, RGB: (238, 193, 57); HEX: #46ee9b, RGB: (70, 238, 155); HEX: #945094, RGB: (148, 80, 148)
HEX: #f91a40, RGB: (249, 26, 64); HEX: #4d6d9a, RGB: (77, 109, 154); HEX: #aee62e, RGB: (174, 230, 46)
HEX: #9655a2, RGB: (150, 85, 162); HEX: #8d8707, RGB: (141, 135, 7)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de mediumseagreen, Sombra de Laranja, Matiz de skyblue, Matiz de indianred, Sombra de olivedrab, Sombra de mediumpurple, Matiz de mediumseagreen, Sombra de darkolivegreen, Matiz de mediumseagreen, Matiz de chocolate, Sombra de indigo, Matiz de gold, Sombra de mediumspringgreen, Sombra de mediumvioletred, Sombra de crimson, Matiz de royalblue, Matiz de greenyellow, Sombra de darkorchid, Sombra de Oliva
O esquema de cores foi criado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de cores na paleta
dsftygui 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 | — | |
| #798e01 | RGB(121, 142, 1) | — | — | |
| #b392f2 | RGB(179, 146, 242) | — | — | |
| #04a770 | RGB(4, 167, 112) | — | — | |
| #547456 | RGB(84, 116, 86) | — | — | |
| #4fa07c | RGB(79, 160, 124) | — | — | |
| #ce6203 | RGB(206, 98, 3) | — | — | |
| #3d1469 | RGB(61, 20, 105) | — | — | |
| #eec139 | RGB(238, 193, 57) | — | — | |
| #46ee9b | RGB(70, 238, 155) | — | — | |
| #945094 | RGB(148, 80, 148) | — | — | |
| #f91a40 | RGB(249, 26, 64) | — | — | |
| #4d6d9a | RGB(77, 109, 154) | — | — | |
| #aee62e | RGB(174, 230, 46) | — | — | |
| #9655a2 | RGB(150, 85, 162) | — | — | |
| #8d8707 | RGB(141, 135, 7) | — | — |
Contraste da Paleta de Cores
116 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 | #798e01 | 1.23 |
#337ab7 | #b392f2 | 1.8 |
#337ab7 | #04a770 | 1.46 |
#337ab7 | #547456 | 1.14 |
