10 Tons diferentes de Violeta (+ códigos HEX)
Explore todos os tons de violeta, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores violeta. Clique em qualquer tom para copiar o código.
O violeta é a última cor que o olho alcança antes de o espectro acabar, e guarda algo dessa estranheza: imaginativo, um pouco irreal, historicamente caro.
O software de hoje o usa para IA e ferramentas criativas. Equilibre com um neutro quente para não ficar teatral.
- blue chalk#f5ebff
- fog#e9d2ff
- mauve#dcbaff
- heliotrope#c489ff
- electric violet#9f40ff
- purple#6200c4
- pigment indigo#4a0094
- christalle#310063
- tolopea#25004a
- black russian#190032
Violeta: códigos HEX e RGB
violeta tem os seguintes códigos de cor principais:
HEX: #f5ebff
RGB: (245, 235, 255).
Explore uma ampla gama de tons de violeta no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de violeta
Blue Chalk
#f5ebff
Blue Chalk
#f5ebff
Magnolia
#f7f0ff
Magnolia
#f7f0ff
Magnolia
#faf5ff
Magnolia
#faf5ff
Magnolia
#faf5ff
Magnolia
#fcfaff
Magnolia
#fcfaff
White
#ffffff
Explore os tons mais escuros de violeta
Violet
#1f0934
Valhalla
#30154c
Jacarta
#452565
Victoria
#5e3b81
Butterfly Bush
#78559b
Purple Mountain's Majesty
#9474b4
East Side
#b094cc
Prelude
#d1bde5
violeta em HEX, RGB, HSL e CMYK
| HEX | #7F00FF | |
|---|---|---|
| RGB | rgb(127, 0, 255) | |
| HSL | hsl(270, 100%, 50%) | |
| CMYK | cmyk(50%, 100%, 0%, 0%) |
Tons claros e escuros de violeta
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#9327ff
#a74eff
#ba75ff
#ce9cff
#e1c4ff
#f5ebff
Mais escuros
#6c00d8
#5800b1
#45008a
#310063
#1e003b
#0a0014
Cores que combinam com violeta
Complementar
#7F00FF #80ff00
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#0000ff #7F00FF #ff00ff
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#7F00FF #ff8000 #00ff80
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre violeta
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de violeta
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.