Degradê Fúcsia

11 degradês de fúcsia prontos, com o código CSS para copiar: do Magenta (Crayola) ao Magenta-Escuro, fúcsia com branco e com preto e fúcsia com as cores que combinam com ele. Passe o mouse no card para ver os códigos de cada cor.
#F653A6
#8B008B

Magenta (Crayola) para Magenta-Escuro

Do tom mais claro ao mais escuro de fúcsia.

#F653A6
#FE4164
#CC397B
#8B008B

Fúcsia Tom Sobre Tom

Quatro tons de fúcsia: Magenta (Crayola), Fúcsia Neon, Fúcsia Púrpura, Magenta-Escuro.

#FF00FF
#FFFFFF

Magenta (Fúcsia) para Branco

Clareia até o branco.

#FF00FF
#000000

Magenta (Fúcsia) para Preto

Escurece até o preto.

#F653A6
#FE4164

Magenta (Crayola) para Fúcsia Neon

Magenta (Crayola) e Fúcsia Neon quase não mudam de claridade: o degradê troca só o matiz.

#FE4164
#D0417E

Fúcsia Neon para Magenta (Pantone)

Fúcsia Neon e Magenta (Pantone) quase não mudam de claridade: o degradê troca só o matiz.

#D0417E
#8E3A59

Magenta (Pantone) para Magenta de Quinacridona

O Magenta (Pantone) é 13 pontos mais claro que o Magenta de Quinacridona (L* de 50 contra 37).

#FF00FF
#808080

Magenta (Fúcsia) para Cinza

Magenta (Fúcsia) com uma das cores que combinam com ele.

#FF00FF
#40E0D0

Magenta (Fúcsia) para Turquesa

Magenta (Fúcsia) com uma das cores que combinam com ele.

#FF00FF
#FFD700

Magenta (Fúcsia) para Dourado

Magenta (Fúcsia) com uma das cores que combinam com ele.

#FF73FF
#FF00FF
#8B008B

Fúcsia Radial

Do centro para as bordas, o tom claro no meio.

Códigos CSS dos Degradês de Fúcsia

Toque na linha para copiar o CSS do degradê fúcsia.

Degradê CSS
Magenta (Crayola) para Magenta-Escuro linear-gradient(90deg, #F653A6 0%, #8B008B 100%)
Fúcsia Tom Sobre Tom linear-gradient(180deg, #F653A6 0%, #FE4164 33%, #CC397B 67%, #8B008B 100%)
Magenta (Fúcsia) para Branco linear-gradient(90deg, #FF00FF 0%, #FFFFFF 100%)
Magenta (Fúcsia) para Preto linear-gradient(180deg, #FF00FF 0%, #000000 100%)
Magenta (Crayola) para Fúcsia Neon linear-gradient(135deg, #F653A6 0%, #FE4164 100%)
Fúcsia Neon para Magenta (Pantone) linear-gradient(135deg, #FE4164 0%, #D0417E 100%)
Magenta (Pantone) para Magenta de Quinacridona linear-gradient(135deg, #D0417E 0%, #8E3A59 100%)
Magenta (Fúcsia) para Cinza linear-gradient(90deg, #FF00FF 0%, #808080 100%)
Magenta (Fúcsia) para Turquesa linear-gradient(90deg, #FF00FF 0%, #40E0D0 100%)
Magenta (Fúcsia) para Dourado linear-gradient(90deg, #FF00FF 0%, #FFD700 100%)
Fúcsia Radial radial-gradient(circle at center, #FF73FF 0%, #FF00FF 50%, #8B008B 100%)

Como Usar o Degradê Fúcsia

Os degradês desta página usam 10 tons de fúcsia com nome, do Magenta (Crayola) (#F653A6) ao Magenta-Escuro (#8B008B).

No degradê Magenta (Crayola) para Magenta-Escuro, o texto branco só passa de 4,5:1 de contraste (o mínimo para leitura, pela WCAG) a partir de 40% do caminho. Antes disso, use texto preto (6,7:1 na ponta clara) ou deixe o texto do lado escuro.

Nenhum dos pares fica acinzentado no meio: as pontas de cada degradê estão perto na roda de cores ou uma delas é neutra (branco, preto ou cinza). Com cores opostas, como fúcsia e a complementar, ponha uma terceira cor no centro.

Para outros tons, veja os tons de fúcsia, com nome e código, ou monte o seu degradê no Criador de Gradiente, que já abre com três tons de fúcsia. O guia Degradê de cores: como criar um gradiente bonito explica os tipos linear, radial e cônico.