Violeta
Violeta (#EE82EE) é um roxo claro, de tom entre quente e frio, com RGB(238, 130, 238). É o violet do CSS, que de violeta só tem o nome: com vermelho e azul iguais e um pouco de verde, é um magenta claro. A Orquídea (#DA70D6), mais escura, é a vizinha mais próxima.
Em HSL, tem matiz de 300°, saturação de 76% e luminosidade de 72%. Em CMYK, os valores são C 0%, M 45%, Y 0% e K 7%. A cor segura para a web mais próxima é a #FF99FF.
Conversões da Cor #EE82EE
Violeta em vários códigos, para tela e para impressão. Guia: o que são HEX, RGB, HSL e CMYK · O que significa cada sigla, no glossário
| HEX | EE82EE |
|---|---|
| RGB | 238, 130, 238 |
| CMYK | 0, 45, 0, 7 |
| HSB | 300, 45, 93 |
| HSL | 300, 76, 72 |
| LRV | 40,3 |
| LAB | 69.70, 56.34, -36.81 |
|---|---|
| LCH | 69.70, 67.30, 326.84 |
| XYZ | 58.67, 40.32, 85.56 |
| LUV | 69.70, 51.83, -67.02 |
| HWB | 300, 17, 28 |
| Web Safe | FF99FF |
Sobre a Cor Violeta
O significado e a psicologia dos tons desta família estão em Cores Roxo.
Onde Usar
Na roupa, anima vestido, blusa, maiô, sapatilha e sombra de verão. Vai com branco, cinza e jeans; com preto, fica mais ousada.
Em casa, aparece em arranjos de flores, almofadas, louça e num quarto de criança. Numa sala, uma peça basta.
Na tela, é cor de ilustração, etiqueta e fundo de destaque, com texto preto.
No papel, o violeta é quase só magenta (C 0, M 45, Y 0, K 7) e tende a sair mais rosa que lilás. Em cópia preto e branco, o violeta vira um cinza claro, quase igual ao Tubarão Branco (#B0B0AF).
Como Usar
Use o violeta como destaque alegre e cerque-o de neutros.
Para letras sobre ele, o Azul-Marinho (#000080) marca 6,91:1 e passa no AA. O Índigo (#4B0082), mais escuro da família, dá um par roxo sobre roxo legível (5,59:1). Com o Azul-Elétrico (#7DF9FF), da tríade, a paleta fica de fliperama.
Evite o Verde-Pastel (#77DD77), perto da complementar: os dois vibram.
Psicologia
Muita luz e muita saturação: o violeta é agradável e animado ao mesmo tempo. A luz alta deixa a cor leve; a saturação dá energia.
Lê-se como alegre e lúdico, cor de festa e de doce. Em excesso, fica artificial.
Significado
Na Igreja Católica, o violeta é a cor litúrgica do Advento e da Quaresma e simboliza a humildade; também é a cor de bispos e arcebispos, segundo a Wikipédia.
Origem do Nome
O nome vem da flor: violeta deriva do latim viola (Wikipédia em português). O tom do CSS é o violet do X11, e a Wikipédia em inglês explica que ele não é um violeta espectral: é um matiz claro de magenta, enquanto a maioria dos violetas fica mais perto do azul.
Acessibilidade
Sobre branco, o violeta tem 2,32:1 e não serve para letras de nenhum tamanho. Com texto preto, o fundo violeta chega a 9,06:1, AAA.
Na deuteranopia, ganha a cara do Cinza Prata (#CCCCCC), um cinza claro, e se confunde até com o Branco Gelo (#DBD8D0), um branco acinzentado. Na tritanopia, fica perto do Rosa Bebê (#F4C2C2) e encosta no Amarelo-Pastel (#FDFD96); na protanopia, no Verde Piscina (#9FD8D0). Num botão violeta sobre fundo claro, acrescente contorno.
Variações da Cor #EE82EE
Variações de Violeta: sombras, tons claros, tons acinzentados, matizes e temperatura.
Sombras da Cor #EE82EE
Violeta com preto acrescentado aos poucos. O que é sombra
Tons Claros da Cor #EE82EE
Violeta com branco acrescentado aos poucos. O que é tom claro
Tons Acinzentados da Cor #EE82EE
Violeta com cinza acrescentado aos poucos. O que é tom acinzentado
Matizes Próximos da Cor #EE82EE
Outros matizes a partir de Violeta, girando no círculo cromático. O que é matiz
Temperaturas da Cor #EE82EE
Versões mais quentes e mais frias de Violeta. Cores quentes e frias
Harmonias da Cor #EE82EE
Combinações de Violeta pela posição no círculo cromático. O que são harmonias · Guia: cores complementares e análogas
Análogas
Violeta e as duas cores vizinhas no círculo cromático.
Complementares
Violeta e a cor do lado oposto do círculo cromático.
Complementares Divididas
Violeta e as duas vizinhas da sua complementar.
Triádicas
Violeta e mais duas cores, a 120° uma da outra.
Tetrádicas
Violeta em dois pares de complementares, num retângulo.
Quadradas
Violeta e mais três cores, a 90° uma da outra.
Simulador de Daltonismo da Cor #EE82EE
Como Violeta aparece para quem tem cada tipo de daltonismo. Quantas pessoas têm cada tipo
Protanopia
Violeta vira #BFBED4 para quem tem protanopia.
Deuteranopia
Violeta vira #C6CECE para quem tem deuteranopia.
Tritanopia
Violeta vira #E9BFBB para quem tem tritanopia.
Protanomalia
Violeta vira #DAA6E1 para quem tem protanomalia.
Deuteranomalia
Violeta vira #D89EDF para quem tem deuteranomalia.
Tritanomalia
Violeta vira #EA9FDA para quem tem tritanomalia.
Acromatopsia
Violeta vira #AFAFAF para quem tem acromatopsia.
Verificador de Contraste (WCAG) da Cor #EE82EE
Violeta como texto e como fundo, com branco e com preto. O que são os níveis AA e AAA · Guia: como medir o contraste
Fundo Branco
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo Preto
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Explore e Use a Cor #EE82EE
Os tons de roxo, paletas com eles e as ferramentas já com esta cor carregada.
56 tons na família
Na faixa: Aventura no País dos Sonhos Pastel
Na faixa, a mistura com a complementar, #81EE81
Texto branco e texto preto sobre ela; o preto lê melhor
Degradê com as análogas, para celular ou computador
Cores Relacionadas
As cores com nome mais parecidas com Violeta, primeiro as da mesma família. O que é o ΔE
Exportar Códigos de Cores
Códigos Gerados