Conversor RGB/HEX
Converter entre formatos de cores RGB e HEX
RGB/HEX Converter
Convert between RGB and HEX colors
RGB to HSL Converter é uma ferramenta essencial de conversão de cores para designers e desenvolvedores. Converta valores de cores RGB para o formato HSL instantaneamente, permitindo melhor controle de cores, manipulação mais fácil de cores e ajustes de cores mais intuitivos em CSS e projetos de design.
Conversor RGB HEX
Cor de entrada
Insira um código hexadecimal, valores RGB ou cole uma referência de cor
Ver resultados
Veja a conversão instantânea para o formato HSL com visualização visual
Entenda os componentes
Aprenda o que significam matiz (H), saturação (S) e luminosidade (L)
Afinar
Use controles deslizantes para ajustar os valores HSL e ver as alterações em tempo real
Copiar Valores
Clique nos botões de cópia para obter o código de cores convertido
Usar em CSS
Aplique valores HSL em suas folhas de estilo para facilitar a manipulação de cores
Perguntas Frequentes
Qual é a diferença entre RGB e HEX?
RGB usa valores decimais de 0 a 255, HEX usa hexadecimal 00-FF
O que é RGBA?
RGB com canal Alpha para transparência
Posso usar isso para impressão?
HEX/RGB é para cores de tela, use CMYK para impressão
Quão precisa é a visualização das cores?
Muito preciso - usa renderização de cores do navegador
Por que usar HSL em vez de RGB?
HSL é mais intuitivo para a percepção humana. Ajustar a saturação ou luminosidade em HSL é mais fácil do que recalcular valores RGB, simplificando a manipulação e variações de cores.
O que significa saturação em HSL?
A saturação (0-100%) controla a intensidade da cor. 0% é escala de cinza, 100% é cor pura. Ele determina o quão vívida ou suave uma cor aparece.
O que significa leveza em HSL?
A luminosidade (0-100%) controla o brilho. 0% é preto, 50% é cor pura, 100% é branco. Ele determina o quão escura ou clara uma cor aparece.
Posso usar cores HSL em todos os navegadores?
Sim, a sintaxe de cores HSL é compatível com todos os navegadores modernos. Você pode usar hsl() diretamente em CSS sem nenhum prefixo de fornecedor.
Como faço para criar variações de cores?
Mantenha o matiz constante e ajuste a saturação e a luminosidade. A redução da saturação cria tons suaves, enquanto a redução da luminosidade cria tons mais escuros.
Existe alguma diferença entre HSL e HSLA?
O HSLA inclui um canal alfa para transparência. HSLA(matiz, saturação%, luminosidade%, alfa) permite controlar a opacidade de 0 (transparente) a 1 (opaco).
Tool Information
Related Tools You Might Like
Gerador de Paleta de Cores da Imagem
Extrair cores dominantes de uma imagem
Gerador de Gradientes CSS
Criar gradientes CSS personalizados com antevisão
Verificador de Contraste WCAG
Verificar contraste de cor de acordo com os padrões WCAG
Gerador de Assinatura Digital
Criar assinaturas digitais estilizadas com fontes diferentes
Gerador de Sombras de Caixa
Gerar sombras de caixas de CSS
Gerador de Sombras de Texto
Gerar sombras de texto CSS
Calculadora de volume de prancha de surf
Calcule o volume perfeito da prancha de surf com base no seu peso, nível de experiência e condições de onda.
Conversor de Altura das Ondas
Converta entre diferentes medições de altura da onda (altura facial, escala havaiana, oceânica).
Planeador de mergulho
Planeje seu mergulho com limites de profundidade, tempo inferior e requisitos de descompressão de segurança.