Conversor HEX to RGBA

Isto é um conversor de HEX para RGBA. Passa o HEX do design para rgb() / rgba() no CSS. O alfa pode ser 0–1, 0–255 ou percentagem. #FF573380 é rgba(255, 87, 51, 0.5).

Exemplos — clique numa amostra

Clique num valor para copiar

Converte várias cores de uma vez. Uma por linha, ou vírgulas como #3B82F6, #FF573380. Inserir exemplo preenche três linhas e a tabela abaixo.

HEX to RGBA

Isto é um conversor de HEX para RGBA: passa o HEX do design para rgb() / rgba() no CSS. Aceita #F53, #FF5733 e #FF573380. #FF573380 é rgba(255, 87, 51, 0.5).

Como usar

Cole HEX, HEX8, rgb(), rgba() ou 255, 87, 51. Arraste R, G, B, A. O alfa pode ser 0–1, 0–255 ou %. Clique num canal para copiar. O exemplo carrega #FF573380. Capturar da tela aparece se houver EyeDropper.

Observações

No HEX de 8 dígitos, os dois últimos são o alfa: 80 hex é 128, 128/255 ≈ 0.502. HEX inválido mostra uma mensagem. Relacionado: HEX to RGB.

Onde usar

Levar um HEX do Figma a rgba() para uma camada, ou conferir a expansão de um #RGB curto.

Perguntas

#F53 funciona?

Sim. Cada dígito dobra: #F53 vira #FF5533, ou seja rgb(255, 85, 51).