Conteúdo
Como o conversor mantém a mesma cor
O conversor lê uma cor sRGB em HEX, RGB ou HSL e mostra sua representação em outro formato. A prévia usa um fundo quadriculado para revelar a transparência quando há canal alfa.
Valores que ajudam a conferir o resultado
Para o azul #336699, o resultado RGB é rgb(51,102,153). Se a saída for HSL, aparece hsl(210,50%,40%). Os números descrevem a mesma cor para CSS.
Digite #FFF para obter branco: o código completo é #FFFFFF e cada canal RGB vale 255. A notação curta duplica caracteres, não adiciona zeros.
Escolha HSL como origem e informe H 120°, S 100% e L 50%. A saída RGB será rgb(0,255,0), verde puro. Isso confirma como a posição no círculo de tons afeta os canais.
Os três testes passam por entradas diferentes. Se a prévia mudar ao trocar apenas o formato de origem, confira se algum campo estava vazio ou fora da faixa aceita.
Preencha só os campos do formato escolhido
HEX aceita três, quatro, seis ou oito caracteres hexadecimais, com ou sem #. RGB usa canais inteiros de 0 a 255. HSL usa matiz de 0 a 360°, saturação e luminosidade de 0 a 100%. Nos modos RGB e HSL, alfa vai de 0 a 1. Escolha uma saída diferente da entrada para copiar o código convertido.
O último par de um HEX de oito dígitos guarda alfa, conforme a especificação CSS Color. Em #00000080, 80 representa 128/255, ou cerca de 0,502 de opacidade. A aparência final também depende da cor por trás do elemento.
Precisão e uso correto
Os canais RGB ficam em números inteiros. A saída HSL usa uma casa decimal e alfa até três; uma ida e volta pode alterar o último algarismo. A ferramenta não calcula CMYK, Display P3 nem contraste entre texto e fundo. Uma amostra isolada não substitui esse teste.
Perguntas sobre códigos de cor
Pequenas diferenças de notação mudam a interpretação da transparência.
O símbolo # é obrigatório na entrada?
Não. O conversor aceita o código com ou sem # e inclui o símbolo na saída HEX.
O que significa o quarto caractere de #RGBA?
Ele é o alfa na forma curta. Por exemplo, #0008 vira #00000088.
Por que o cinza aparece com matiz 0°?
Sem saturação, o matiz não altera a cor. O conversor usa 0° como referência fixa.
Alfa 0,5 vira exatamente 80 em HEX?
O byte mais próximo é 80, mas 128/255 vale cerca de 0,502, não exatamente 0,5.
A mesma cor ficará igual no impresso?
Não necessariamente. Esta conversão trabalha com sRGB de tela e não substitui um perfil de impressão.
Calculadoras similares
Você pode achar as seguintes calculadoras sobre o mesmo tema úteis:
- Editor de HTML Visual. Edite código HTML gratuitamente e online e veja imediatamente a aparência visual do texto e da página no modo de visualização (WYSIWYG).
- Gerador de Senha. Crie uma senha complexa e segura gratuitamente com um gerador online de 8, 10, 12 ou mais caracteres aleatórios.
- Quantidade de caracteres no texto: calculadora. Conte online a quantidade de caracteres no texto, incluindo ou excluindo espaços.
- Gerador de Números Aleatórios: Criação de Números Aleatórios. Obtenha um número aleatório para várias finalidades, especialmente para sorteios e loterias online em redes sociais.
- Calculadora de tempo de transferência de arquivos. Informe o tamanho, a taxa de transferência e a parcela utilizável da velocidade para comparar a estimativa com o mínimo ideal.
- Conversor de tamanho de dados. Digite um tamanho de dados e converta entre bits, bytes, prefixos decimais e prefixos binários IEC.
- Calculadora de densidade de pixels. Informe a resolução nativa e a diagonal visível para calcular PPI e o tamanho físico do pixel.
- Cronômetro de Texto: Estimativa da Duração de Leitura em Voz Alta. Descubra o tempo estimado que levará para ler ou vocalizar seu texto. Insira o conteúdo e receba o resultado instantaneamente.
- Simulador da tabela de multiplicação. Treine e memorize a tabela de multiplicação online. Defina o intervalo dos multiplicadores, e o simulador criará exercícios.
- Calculadora de média de notas. Calcule a média de notas do seu diploma conosco. Descubra o método correto de cálculo da média.
Compartilhe nas redes sociais
Se você gostou, por favor, compartilhe a calculadora em suas plataformas de mídia social. É fácil para você e benéfico para a promoção do projeto. Obrigado!