# Conversor de espacos de cor Converte uma cor entre HEX, RGB, HSL, CIELAB e Display-P3 com saida CSS e verificacao de gamut. > Página canônica: https://elysiatools.com/pt/tools/color-space-converter - **Categoria:** Design - **Palavras-chave:** conversor de cor, display p3, gamut ## Visão geral Mostra representacoes web, perceptuais e de ampla gama de uma cor CSS. ## Entradas - **Valor da cor** (text): #FF6B35, rgb(255 107 53), hsl(14 100% 60%) - **Formato de entrada** (select) ## Quando usar - Quando precisar converter cores web tradicionais para o espaço de ampla gama Display-P3 para telas modernas. - Ao ajustar cores usando o modelo perceptual CIELAB para garantir uniformidade visual em interfaces. - Para verificar se uma cor específica está dentro do limite de gamut suportado pelo sRGB ou Display-P3. ## Como funciona - Insira o valor da cor no campo de entrada usando formatos comuns como HEX, RGB, HSL, CIELAB ou Display-P3. - Selecione o formato de entrada correspondente ou utilize a detecção automática para que o sistema identifique o padrão. - Visualize instantaneamente as representações equivalentes em todos os espaços de cor suportados, juntamente com a validação de gamut. ## Casos de uso - Adaptação de paletas de cores sRGB para telas de ampla gama usando Display-P3. - Criação de gradientes e contrastes visualmente uniformes utilizando o espaço de cor perceptual CIELAB. - Depuração de valores de cores em folhas de estilo CSS para garantir compatibilidade entre dispositivos. ## Perguntas frequentes ### Quais formatos de cor são suportados? A ferramenta suporta conversões entre HEX, RGB, HSL, CIELAB e Display-P3. ### O que é a verificação de gamut? É um teste que valida se a cor inserida pode ser exibida corretamente dentro do limite de cores do sRGB ou Display-P3. ### Como funciona a detecção automática? O sistema analisa a sintaxe do texto inserido para identificar se é um código HEX, uma função RGB/HSL ou outro formato conhecido. ### O que são as matrizes D65 usadas na conversão? São fórmulas matemáticas baseadas no iluminante padrão D65, que representa a luz do dia média, garantindo conversões precisas entre espaços de cor. ### Posso copiar o código CSS gerado diretamente? Sim, a ferramenta fornece a saída formatada em sintaxe CSS pronta para ser copiada e colada no seu código. ## Ferramentas relacionadas - [Conversor de Cores OKLCH](https://elysiatools.com/pt/tools/oklch-color-converter): Converte entre HEX, RGB, HSL, OKLCH e Display-P3 com a matemática do CSS Color 4, com leitura de luminosidade/croma/matiz, verificação de gamut sRGB e Display-P3, e sugestão de recorte fora do gamut - [Gerador de ideias de domínio com IA](https://elysiatools.com/pt/tools/ai-domain-name-idea-generator): Insira palavras-chave da marca e a IA gera até 10 ideias de domínio, filtrando as já registradas via DNS + RDAP. Para empreendedores e desenvolvedores. - [Conversor de cores CMYK](https://elysiatools.com/pt/tools/cmyk-converter): Converte cores entre HEX, RGB, HSL e CMYK. - [Verificador de cabeçalhos de segurança](https://elysiatools.com/pt/tools/security-headers-checker): Audita cabeçalhos de resposta HTTP para conformidade de segurança — analisa os cabeçalhos brutos que você cola (sem rede) e os classifica conforme o conjunto de cabeçalhos seguros OWASP com verificações em nível de valor: HSTS max-age, CSP unsafe-inline/eval, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, COOP/COEP/CORP e mais. Retorna uma nota (A+ a F) mais constatações por cabeçalho com recomendações prontas para copiar. - [Sincronizador de paleta Tailwind](https://elysiatools.com/pt/tools/tailwind-color-palette-sync): Insira HEX, escolha o esquema de nomes (escala 50–950 / nome único / aninhamento) e gere o fragmento theme.extend.colors do tailwind.config.ts com níveis WCAG AA/AAA. Dark mode opcional. - [Verificador de contraste de paleta acessivel](https://elysiatools.com/pt/tools/accessible-color-palette-contrast-checker): Audita combinacoes de cores segundo WCAG 2.1 AA e AAA e sugere ajustes - [Conversor Adobe RGB para LAB](https://elysiatools.com/pt/tools/adobe-rgb-to-lab-converter): Converter valores de cor Adobe RGB para o espaço de cor LAB para análise de cores com suporte de canal alfa - [Extrator de paleta de cores da imagem](https://elysiatools.com/pt/tools/image-color-palette-extractor): Envia uma imagem, extrai cores dominantes e exporta tokens prontos para codigo com checagem de contraste ## Exemplos - [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato