Fúcsia é uma cor viva e ousada que combina a riqueza do roxo com a energia vibrante do rosa. É um tom quente que se posiciona entre o rosa e o roxo na roda de cores, incorporando uma interação dinâmica de energia e diversão. O tom representado por #FF00FF é particularmente intenso, assemelhando-se ao magenta puro e ao rosa quente radiante, tornando-o perfeito para designs que atraem atenção e evocam entusiasmo.

Fúcsia é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FF00FF
- Valor RGB: 100% 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.
Para usar fúcsia de forma eficaz no design de UI, considere estas abordagens:
Adicione destaque. Use fúcsia para um toque de cor, ideal para destacar chamadas para ação (CTAs), botões ou elementos de navegação chave. Isso captará a atenção dos usuários e os guiará pela sua interface.
Crie interesse visual dinâmico. Sua presença ousada pode quebrar esquemas de cores monótonos, adicionando profundidade e dinamismo ao seu UI, especialmente em aplicativos criativos ou focados em entretenimento.
Equilibre com tons neutros ou escuros. Combine fúcsia com tons de cinza, preto ou branco para atenuar sua intensidade e manter o equilíbrio visual, garantindo que seu design permaneça sofisticado e não sobrecarregado.
Destaque inovação e criatividade. A natureza ousada e não convencional do fúcsia o torna perfeito para marcas que desejam transmitir inovação e uma abordagem visionária em seu design de UI. Ele destaca a criatividade e diferencia sua interface.
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 vibrante e ousado que o fúcsia (#FF00FF), considere:
- Magenta (#FD3DB5) é essencialmente o mesmo que fúcsia em muitas plataformas digitais, incorporando a mistura perfeita de rosa profundo e roxo claro com uma intensidade igualmente vibrante.
- Rosa choque (#FF69B4), mais claro e com um tom rosa mais pronunciado, captura a essência animada do fúcsia enquanto oferece um impacto ligeiramente mais suave.
- Rosa profundo (#FF1493), entrega um tom rosa mais concentrado, mantendo a vivacidade do fúcsia com um foco ligeiramente mais intenso no aspecto rosa.
- Roxo (#800080), embora mais escuro, compartilha a profundidade e ousadia do fúcsia, mas tende mais para o misticismo e a riqueza do roxo tradicional.
Para complementar os tons dinâmicos do fúcsia, considere combiná-lo com:
- Verde-limão (#89F336) para um contraste animado e energético que se destaca contra a vivacidade do fúcsia, criando uma paleta moderna e animada.
- Turquesa (#40E0D0) introduz um contrapeso fresco e refrescante, oferecendo uma mistura harmoniosa que é ao mesmo tempo ousada e calmante.
- Azul-marinho (#000080) fornece um fundo profundo e sofisticado que permite que o fúcsia se destaque, enfatizando seu brilho e profundidade.
- Spray suave (#BEBEBE) oferece uma base neutra e discreta que equilibra a intensidade do fúcsia, perfeito para designs que buscam equilíbrio e sutileza.
- Dourado (#EFBF04) adiciona um toque de luxo e calor, enriquecendo a paleta com uma vibração festiva e opulenta que complementa o fúcsia lindamente.
Outras cores que valem a pena considerar incluem preto para um contraste dramático e elegante, branco para um fundo nítido e limpo que amplifica a vivacidade do fúcsia, e prata para um toque moderno e chique.
Embora o fúcsia seja versátil, ele pode entrar em conflito com:
- Vermelho brilhante (#FF0000) pode competir por atenção, potencialmente criando uma paleta visualmente sobrecarregada devido à semelhança em vivacidade, mas diferença em tom.
- Marrom escuro (#654321), sendo muito apagado e terroso, pode atenuar o espírito animado do fúcsia e levar a uma estética discordante.
- Amarelo neon (#FFFF00), embora vibrante, pode criar um contraste chocante que é muito intenso e carece de harmonia visual com o fúcsia.
- Verde-oliva (#808000), com tons apagados e terrosos, pode não proporcionar um contraste agradável ao fúcsia, resultando em uma paleta desequilibrada.
- Laranja queimado (#BE5103), embora quente, pode criar uma combinação desafiadora com o fúcsia, já que suas personalidades fortes podem colidir em vez de se complementarem.
Fúcsia é uma cor associada à ousadia, confiança e entusiasmo pela vida. Seu tom brilhante e vívido é frequentemente ligado à criatividade, singularidade e não conformidade. Na psicologia das cores, o fúcsia é considerado um estimulante que encoraja um senso de confiança e pensamento progressista.
No design de UI/UX e branding, o fúcsia é uma excelente escolha para fazer uma declaração. É uma cor que imediatamente chama a atenção, cria entusiasmo e motiva as pessoas a agir. A natureza estimulante do fúcsia é ideal para encorajar a confiança do usuário e impulsionar a ação.
O nome fúcsia, inspirado pelas flores brilhantes de tom roxo-avermelhado da planta fúcsia, vem de Leonhart Fuchs, um botânico alemão do século XVI. No século XIX, a cor ganhou destaque quando seu corante foi produzido pela primeira vez, marcando um momento chave na história da moda. Essa inovação permitiu o uso generalizado do fúcsia em têxteis, transformando-o em um símbolo de modernidade e estilo. A cor voltou a ser popular em meados do século XX, especialmente durante as décadas de 1960 e 1970, refletindo o espírito da época com seus tons ousados e extravagantes.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Sombra Elétrica
Mardi Gras
Arcade dos Anos 80
Verificador de contraste
Contraste 3,14
- Texto grande
#FF00FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,7
- Texto grande
#FF00FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ff00ff, conhecida como Fúcsia, tem valores RGB de R:255, G:0, B:255 e valores CMYK de C:0, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff00ff | #ff00ff |
| RGB DECIMAL | 255, 0, 255 | RGB(255,0,255) |
| RGB PERCENTAGE | 100.0, 0.0, 100.0 | RGB(100.0%,0.0%,100.0%) |
| CMYK | 0, 100, 0, 0 | |
| HSL | HSL(300.0, 100.0%, 50.0%) | HSL(300.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 300.0°, 100.0, 100.0 | |
| WEB SAFE | #2550255 | #2550255 |
| BINARY | 11111111, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFFF00FF) |


