Cor Tailwind CSS Fuchsia 300: codigos e conversao
Confira os valores exatos de fuchsia-300 e converta a cor predefinida para formatos de web e impressao em um so lugar. #F0ABFC ja esta carregado no conversor para uso imediato.
5.0 /5 (Оценок: 143)
Suporta HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH e nomes de cor CSS
Mascara: #E4002B
Formato detectado: RGBPaleta correspondente: fuchsia-300
Todos os formatos de cor
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Preview da cor
Abra a paleta do sistema e escolha um tom sem escrever o valor manualmente.
Valor atual: #F0ABFC
Swatch selecionado: fuchsia-300
Cores semelhantes nas paletas
Tons mais proximos de Tailwind, Material e Web Safe para a cor atual.
Tailwind
fuchsia-300
#F0ABFC
purple-300
#D8B4FE
fuchsia-200
#F5D0FE
pink-300
#F9A8D4
pink-200
#FBCFE8
purple-200
#E9D5FF
Material
purple-100
#E1BEE7
deep-purple-100
#D1C4E9
pink-100
#F8BBD0
purple-200
#CE93D8
red-100
#FFCDD2
indigo-100
#C5CAE9
Web Safe
#FF99FF
#FF99FF
#FFCCFF
#FFCCFF
#CC99FF
#CC99FF
#CCCCFF
#CCCCFF
#FF99CC
#FF99CC
#FFCCCC
#FFCCCC
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11Sistema
tailwind
Familia
Fuchsia
HEX
#F0ABFC
Como usar esta cor num projeto
fuchsia-300 e uma cor equilibrado de Tailwind CSS que pode funcionar como fundo, acento ou token visual conforme a intensidade. Nesta pagina voce valida o mesmo tom em HEX, RGB, HSL, LAB e OKLCH antes de levar o valor para o design system ou para o CSS.
Como combinar a cor na interface
Vale comparar fuchsia-300 com tons vizinhos da familia Fuchsia e revisar o contraste em superficies claras e escuras. Passos mais claros tendem a funcionar melhor em fundos, os intermediarios em botoes e os profundos em texto, icones e estados hover.
O que revisar antes de exportar
Um fluxo pratico e partir do HEX #F0ABFC, revisar CMYK e LAB para materiais que tambem podem ir para impressao e usar OKLCH para ajustes finos de interface. Isso reduz atrito entre o layout, as variaveis CSS e exports em PDF ou apresentacoes.
Tons relacionados da paleta
Acessos rapidos para comparar contraste, intensidade e codigos.