Ir para o conteúdo principal

Fúcsia

Tudo o que você precisa saber sobre fúcsia para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

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.

color Fúcsiacolor Fúcsia

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.

Este é um texto #FF00FF sobre fundo #FFFFFF.
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.

Este é um texto #FF00FF sobre fundo #000000.
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.

VALUECSS
HEX#ff00ff#ff00ff
RGB DECIMAL255, 0, 255RGB(255,0,255)
RGB PERCENTAGE100.0, 0.0, 100.0RGB(100.0%,0.0%,100.0%)
CMYK0, 100, 0, 0
HSLHSL(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
BINARY11111111, 00000000, 11111111
iOS - SwiftUIColor(red: 1.000, green: 0.000, blue: 1.000)
iOS - UIKitUIColor(red: 1.000, green: 0.000, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFFFF00FF)
Obter paleta de cores