
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com violeta?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre violeta para inspirar seu próximo design.
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:
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:
Para complementar os tons dinâmicos do violeta, considere combiná-lo com:
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:
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”.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Véu Violeta
Colheita de Sombra Noturna
Enigma Ultravioleta
Contraste 6,28
#7F00FF
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,35
#7F00FF
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
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) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com violeta?

Desbloqueie a suave elegância do lilás.

Saiba mais sobre o azul meia-noite.