Criado em 02/02/2021 16:59
lxlxxlxlxl
accent
#ff6358
info
#0058e9
success
#37b400
warning
#ffc000
error
#f31700
base text
#656565
hovered bg
#ededed
#7389ec
#99dad9
#1d9731
#907548
#fda56c
#b503e1
#279184
#ea2b49
#c084a9
#5d941d
#2f5daf
#14ab06
#4e4911
A paleta consiste em cores Luz, Semi escuro. Cores de destaque info #0058e9 e warning #ffc000. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta lxlxxlxlxl tem uma combinação de cores de códigos de 20:
HEX: #ff6358, RGB: (255, 99, 88); HEX: #0058e9, RGB: (0, 88, 233); HEX: #37b400, RGB: (55, 180, 0)
HEX: #ffc000, RGB: (255, 192, 0); HEX: #f31700, RGB: (243, 23, 0); HEX: #656565, RGB: (101, 101, 101)
HEX: #ededed, RGB: (237, 237, 237); HEX: #7389ec, RGB: (115, 137, 236); HEX: #99dad9, RGB: (153, 218, 217)
HEX: #1d9731, RGB: (29, 151, 49); HEX: #907548, RGB: (144, 117, 72); HEX: #fda56c, RGB: (253, 165, 108)
HEX: #b503e1, RGB: (181, 3, 225); HEX: #279184, RGB: (39, 145, 132); HEX: #ea2b49, RGB: (234, 43, 73)
HEX: #c084a9, RGB: (192, 132, 169); HEX: #5d941d, RGB: (93, 148, 29); HEX: #2f5daf, RGB: (47, 93, 175)
HEX: #14ab06, RGB: (20, 171, 6); HEX: #4e4911, RGB: (78, 73, 17)
Versão simplificada das cores da paleta
Sombra de tomato, Matiz de royalblue, Matiz de limegreen, Sombra de goldenrod, Sombra de Vermelho, Matiz de dimgrey, Matiz de whitesmoke, Matiz de cornflowerblue, Matiz de paleturquoise, Sombra de forestgreen, Matiz de darkgoldenrod, Sombra de sandybrown, Matiz de darkorchid, Sombra de darkcyan, Sombra de crimson, Sombra de palevioletred, Matiz de olivedrab, Matiz de royalblue, Matiz de limegreen, Matiz de darkolivegreen
O esquema de cores foi criado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de cores na paleta
lxlxxlxlxl códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ff6358 | RGB(255, 99, 88) | accent | — | |
| #0058e9 | RGB(0, 88, 233) | info | — | |
| #37b400 | RGB(55, 180, 0) | success | — | |
| #ffc000 | RGB(255, 192, 0) | warning | — | |
| #f31700 | RGB(243, 23, 0) | error | — | |
| #656565 | RGB(101, 101, 101) | base text | — | |
| #ededed | RGB(237, 237, 237) | hovered bg | White Edgar | |
| #7389ec | RGB(115, 137, 236) | — | — | |
| #99dad9 | RGB(153, 218, 217) | — | — | |
| #1d9731 | RGB(29, 151, 49) | — | — | |
| #907548 | RGB(144, 117, 72) | — | — | |
| #fda56c | RGB(253, 165, 108) | — | — | |
| #b503e1 | RGB(181, 3, 225) | — | — | |
| #279184 | RGB(39, 145, 132) | — | — | |
| #ea2b49 | RGB(234, 43, 73) | — | — | |
| #c084a9 | RGB(192, 132, 169) | — | — | |
| #5d941d | RGB(93, 148, 29) | — | — | |
| #2f5daf | RGB(47, 93, 175) | — | — | |
| #14ab06 | RGB(20, 171, 6) | — | — | |
| #4e4911 | RGB(78, 73, 17) | — | — |
Contraste da Paleta de Cores
125 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 |
#ff6358 | #37b400 | 1.07 |
#ff6358 | #ffc000 | 1.78 |
#ff6358 | #f31700 | 1.45 |
#ff6358 | #656565 | 1.99 |
#ff6358 | #7389ec | 1.1 |
#ff6358 | #99dad9 | 1.86 |
