Criado em 02/01/2021 23:41
xcvbn
- #233487
- #22fae6
- #dccc69
- #3ac074
- #783b0b
- #d54b91
- #adfd36
- #fe244c
- #e2df6e
- #3f2047
- #4896a2
- #c67e6f
- #fd26a6
- #733aca
- #560241
- #b0ce44
- #c4c2f5
- #5a4e42
- #f814c2
- #778b88
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque #22fae6 e #fe244c. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #560241 (mais escuro) a #C4C2F5 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #22FAE6, #233487, #3AC074, #3F2047, #4896A2, #560241, #5A4E42, #733ACA, #778B88, #783B0B, #ADFD36, #B0CE44, #C4C2F5, #C67E6F, #D54B91, #DCCC69, #E2DF6E, #F814C2, #FD26A6, #FE244C
A paleta xcvbn tem uma combinação de cores de códigos de 20:
HEX: #233487, RGB: (35, 52, 135); HEX: #22fae6, RGB: (34, 250, 230); HEX: #dccc69, RGB: (220, 204, 105)
HEX: #3ac074, RGB: (58, 192, 116); HEX: #783b0b, RGB: (120, 59, 11); HEX: #d54b91, RGB: (213, 75, 145)
HEX: #adfd36, RGB: (173, 253, 54); HEX: #fe244c, RGB: (254, 36, 76); HEX: #e2df6e, RGB: (226, 223, 110)
HEX: #3f2047, RGB: (63, 32, 71); HEX: #4896a2, RGB: (72, 150, 162); HEX: #c67e6f, RGB: (198, 126, 111)
HEX: #fd26a6, RGB: (253, 38, 166); HEX: #733aca, RGB: (115, 58, 202); HEX: #560241, RGB: (86, 2, 65)
HEX: #b0ce44, RGB: (176, 206, 68); HEX: #c4c2f5, RGB: (196, 194, 245); HEX: #5a4e42, RGB: (90, 78, 66)
HEX: #f814c2, RGB: (248, 20, 194); HEX: #778b88, RGB: (119, 139, 136)
Versão simplificada das cores da paleta
Matiz de darkslateblue, Sombra de turquoise, Matiz de Cáqui, Sombra de mediumseagreen, Matiz de saddlebrown, Sombra de deeppink, Matiz de greenyellow, Sombra de crimson, Matiz de Cáqui, Sombra de midnightblue, Matiz de cadetblue, Matiz de rosybrown, Sombra de deeppink, Matiz de blueviolet, Matiz de Roxo, Sombra de Amarelo verde, Sombra de lightsteelblue, Matiz de dimgrey, Sombra de magenta, Sombra de Cinza
O esquema de cores foi criado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de cores na paleta
xcvbn códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #233487 | #233487 | RGB(35, 52, 135) | — | — |
| #22fae6 | #22fae6 | RGB(34, 250, 230) | — | — |
| #dccc69 | #dccc69 | RGB(220, 204, 105) | — | — |
| #3ac074 | #3ac074 | RGB(58, 192, 116) | — | — |
| #783b0b | #783b0b | RGB(120, 59, 11) | — | — |
| #d54b91 | #d54b91 | RGB(213, 75, 145) | — | — |
| #adfd36 | #adfd36 | RGB(173, 253, 54) | — | — |
| #fe244c | #fe244c | RGB(254, 36, 76) | — | — |
| #e2df6e | #e2df6e | RGB(226, 223, 110) | — | — |
| #3f2047 | #3f2047 | RGB(63, 32, 71) | — | — |
| #4896a2 | #4896a2 | RGB(72, 150, 162) | — | — |
| #c67e6f | #c67e6f | RGB(198, 126, 111) | — | — |
| #fd26a6 | #fd26a6 | RGB(253, 38, 166) | — | — |
| #733aca | #733aca | RGB(115, 58, 202) | — | — |
| #560241 | #560241 | RGB(86, 2, 65) | — | — |
| #b0ce44 | #b0ce44 | RGB(176, 206, 68) | — | — |
| #c4c2f5 | #c4c2f5 | RGB(196, 194, 245) | — | — |
| #5a4e42 | #5a4e42 | RGB(90, 78, 66) | — | — |
| #f814c2 | #f814c2 | RGB(248, 20, 194) | — | — |
| #778b88 | #778b88 | RGB(119, 139, 136) | — | — |
Contraste da Paleta de Cores
73 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 |
#233487 | #783b0b | 1.27 |
#233487 | #3f2047 | 1.26 |
#233487 | #733aca | 1.66 |
#233487 | #560241 | 1.29 |
#233487 | #5a4e42 | 1.36 |
#22fae6 | #dccc69 | 1.23 |
Paleta de imagens xcvbn png
Exportar paleta
Baixe a "xcvbn" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: