Conversor de cores

Converta entre HEX, RGB e HSL com pré-visualização instantânea.

Pré-visualização

Cor atual : #3B82F6

Cópia rápida

Formato HEX

Formato RGB

Vermelho (0-255)

Verde (0-255)

Azul (0-255)

Formato HSL

Matiz (0-360)

Saturação (0-100%)

Luminosidade (0-100%)

Guia do conversor de cores

O nosso conversor de cores permite-lhe alternar instantaneamente entre os formatos HEX, RGB e HSL. Ideal para designers e programadores web que precisam de converter rapidamente códigos de cores.

Os formatos de cor explicados

HEX

Formato hexadecimal utilizado em CSS e HTML

#FF5733

RGB

Vermelho-Verde-Azul, valores de 0 a 255

rgb(255, 87, 51)

HSL

Matiz-Saturação-Luminosidade, mais intuitivo

hsl(11, 100%, 60%)

🎨 Casos de utilização

• Design Web: Converta as cores das suas maquetas do Figma para CSS
• Desenvolvimento: Integre facilmente as cores no seu código
• Acessibilidade: Ajuste a luminosidade para o contraste WCAG

Perguntas frequentes

Qual é a diferença entre HEX e RGB?

HEX é uma notação hexadecimal (ex: #FF5733) enquanto o RGB utiliza valores decimais (ex: rgb(255, 87, 51)). Ambos representam as mesmas cores.

Quando utilizar HSL?

O HSL é mais intuitivo para ajustar a luminosidade ou a saturação de uma cor, pois separa estas componentes ao contrário do RGB.

Partilhe esta ferramenta

Publicité
(AdSense ID non configuré - Ajoutez VITE_ADSENSE_ID dans .env)

💙 O Utalio é-lhe útil? Apoie o desenvolvimento de novas ferramentas.

Apoiar →