Violeta é uma cor vívida e encantadora que se encontra entre o azul e o vermelho na roda de cores. Este tom intenso captura a profundidade e o mistério do violeta, frequentemente associado à criatividade, magia e luxo. Sua estética rica e vibrante pode adicionar um toque de drama e sofisticação aos projetos.

Violeta é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #7F00FF
- Valor RGB: 49,8% vermelho, 0% verde e 100% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Violeta oferece aos designers de UI uma cor versátil que evoca criatividade, luxo e sofisticação. Veja como integrá-la efetivamente em seus designs:
- Evocar criatividade e imaginação. Violeta é conhecido por estimular a criatividade e a imaginação, tornando-o uma excelente escolha para plataformas de arte, design e inovação.
- Realçar o luxo. Use violeta para transmitir uma sensação de luxo e sofisticação em sua UI, perfeito para marcas e serviços de alto padrão que visam oferecer uma experiência premium ao usuário.
- Aproveitar a psicologia das cores. Violeta também se conecta com sensibilidade e compaixão, tornando-o uma escolha forte para sites que apresentam questões humanitárias e causas de justiça social.
- Combinar para impacto. Combine violeta com cores complementares, como amarelo ou dourado suave, para criar um contraste vibrante que chama a atenção e aumenta o engajamento do usuário.
- Destacar recursos principais. Use violeta estrategicamente para botões, links e outros elementos interativos para atrair o olhar do usuário para recursos importantes, melhorando a navegação do site ou aplicativo.
- Considerar o tom. Violetas mais claros evocam leveza e fantasia, enquanto tons mais escuros como ameixa exalam luxo e mistério. Considere seu público-alvo e a mensagem que deseja transmitir ao escolher um tom específico.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro encantador e místico que o violeta, considere:
- Roxo (#9D00FF) compartilha a qualidade rica e vibrante do violeta, mas com um tom ligeiramente mais avermelhado, evocando uma sensação de elegância real e criatividade.
- Índigo (#560591) é mais escuro e mais próximo do azul, oferecendo uma variação profunda e introspectiva que ainda retém as qualidades místicas e contemplativas do violeta.
- Violeta elétrico (#8F00FF) aumenta o brilho, oferecendo uma versão luminosa, quase neon, que captura a energia e a vivacidade do violeta.
- Lavanda (#D3D3FF) fornece um tom muito mais claro e suave, mantendo a essência do violeta enquanto introduz uma qualidade tranquila e serena.
Para complementar os tons dinâmicos do violeta, considere combiná-lo com:
- Prata suave (#C0C0C0) fornece um fundo moderno e neutro que permite que a riqueza do violeta se destaque, oferecendo um visual sofisticado e contemporâneo.
- Verde menta (#ADEBB3) introduz um contraste fresco e leve, equilibrando a intensidade do violeta com um toque de calma refrescante.
- Branco cremoso (#FDFBD4) é quente e leve, criando um contraste suave que realça a profundidade do violeta para uma atmosfera acolhedora e convidativa.
- Dourado (#EFBF04) adiciona um toque de opulência, criando um equilíbrio luxuoso com a profundidade do violeta para uma paleta régia e sofisticada.
- Laranja queimado (#BE5103) oferece um contraste quente e terroso, aterrando a vivacidade do violeta com seus tons ricos e outonais.
Outras cores que valem a pena considerar incluem cinza carvão para um contraste chique e fundamentado, turquesa para uma mistura vibrante e energética, e rosa pálido para um clima suave e romântico.
Embora o violeta seja altamente versátil, ele pode entrar em conflito com:
- Verde limão (#89F336) pode ser muito brilhante e pode ofuscar a profundidade do violeta, levando a um contraste visualmente chocante.
- Vermelho brilhante (#FF0000), embora seja uma cor complementar em alguns contextos, pode criar um contraste muito ousado que distrai da sofisticação inerente do violeta.
- Amarelo neon (#FFFF00) oferece um tom de alta intensidade que pode desviar da profundidade do violeta, resultando em uma combinação que pode ser muito forte ou ofuscante.
- Marrom escuro (#654321), embora neutro, pode atenuar a vivacidade do violeta, potencialmente levando a uma estética confusa e menos atraente.
- Laranja brilhante (#FFA500), embora energético, pode competir diretamente com o violeta, criando uma paleta que carece de harmonia e equilíbrio.
Violeta transmite criatividade, luxo e espiritualidade. Também está ligado à realeza e à riqueza, sugerindo extravagância e opulência. Cultural e religiosamente, o violeta possui um significado cultural e espiritual profundo, simbolizando iluminação, sabedoria sagrada e o fascínio do místico.
Na psicologia das cores, o violeta estimula a intuição, o pensamento profundo e a introspecção. Seu uso na terapia de cores é bem documentado, com aplicações para acalmar emoções, promover harmonia e aumentar a criatividade. Sua cor encoraja os indivíduos a olhar além da superfície, promovendo uma sensação de paz e um entendimento mais profundo.
Violeta pode imbuir espaços digitais com uma sensação de luxo e exclusividade, tornando-o uma excelente escolha para marcas que desejam se destacar. Incorporar violeta em elementos de UI pode elevar a estética e ressoar com os usuários em um nível mais profundo e emocional, promovendo engajamento e lealdade.
Na Roma antiga, os tons de violeta tinham conotações sombrias, significando luto. No entanto, o Império Bizantino reescreveu a história, associando o violeta à realeza e à classe imperial.
Por séculos, criar corantes violeta era caro e trabalhoso, tornando os tecidos violetas um luxo cobiçado usado pela nobreza europeia. Essa associação com riqueza e poder durou até o século 19, quando corantes sintéticos democratizaram a cor. Não mais confinada à elite, o violeta encontrou nova vida nos mundos da moda e da arte.
No século 20, o violeta assumiu outro novo papel — o símbolo do empoderamento feminino. O movimento sufragista adotou o violeta, significando dignidade e a luta pelos direitos das mulheres. Essa associação com o progresso continua a ressoar hoje. Em 2018, a Pantone nomeou o Ultravioleta como a cor do ano, chamando-o de um tom “dramático e instigante”.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Véu Violeta
Colheita de Sombra Noturna
Enigma Ultravioleta
Verificador de contraste
Contraste 6,28
- Texto grande
#7F00FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,35
- Texto grande
#7F00FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #7f00ff, conhecida como violeta, tem valores RGB de R:127, G:0, B:255 e valores CMYK de C:50, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #7f00ff | #7f00ff |
| RGB DECIMAL | 127, 0, 255 | RGB(127,0,255) |
| RGB PERCENTAGE | 49.8, 0.0, 100.0 | RGB(49.8%,0.0%,100.0%) |
| CMYK | 50, 100, 0, 0 | |
| HSL | HSL(269.9, 100.0%, 50.0%) | HSL(269.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 269.9°, 100.0, 100.0 | |
| WEB SAFE | #1020255 | #1020255 |
| BINARY | 01111111, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.498, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.498, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF7F00FF) |


