Categorias

← View All Tools

Conversor de Cor

Converte entre diferentes formatos de cor

Exemplos de resultados

2 Exemplos

Converter HEX para RGB

Converte um código de cor HEX para formato RGB

rgb(255, 87, 51)
Ver parâmetros de entrada
{ "colorInput": "#FF5733", "inputFormat": "hex", "outputFormat": "rgb" }

Converter RGB para HSL

Converte uma cor RGB para o formato HSL

hsl(11, 100%, 60%)
Ver parâmetros de entrada
{ "colorInput": "rgb(255, 87, 51)", "inputFormat": "rgb", "outputFormat": "hsl" }

Fatos principais

Categoria
Design
Tipos de entrada
text, select
Tipo de saída
text
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Conversor de Cor é uma ferramenta prática que permite transformar valores de cores instantaneamente entre os formatos HEX, RGB e HSL, facilitando o trabalho de designers e desenvolvedores.

Quando usar

  • •Ao padronizar códigos de cores para diferentes linguagens de programação ou frameworks.
  • •Quando você possui um código HEX e precisa ajustar a luminosidade ou saturação usando HSL.
  • •Para converter valores de cores obtidos em ferramentas de design para o formato RGB exigido pelo CSS.

Como funciona

  • •Insira o código da cor no campo de entrada.
  • •Selecione o formato original da cor no menu de formato de entrada.
  • •Escolha o formato desejado para a conversão na opção de formato de saída.
  • •Clique em converter para obter o valor exato no novo formato.

Casos de uso

Ajuste de temas de interface de usuário (UI) em projetos web.
Sincronização de paletas de cores entre softwares de design gráfico e código CSS.
Criação de variações de cores dinâmicas para animações e estados de botões.

Exemplos

1. Converter HEX para RGB

Desenvolvedor Front-end
Contexto
O desenvolvedor recebeu um código de cor em formato HEX de um designer, mas precisa utilizá-lo em uma função CSS que exige o formato RGB.
Problema
Necessidade de converter #FF5733 para o padrão rgb(255, 87, 51).
Como usar
Insira '#FF5733' no campo de entrada, selecione HEX como entrada e RGB como saída.
Resultado
O sistema retorna o valor exato 'rgb(255, 87, 51)' pronto para uso no código.

2. Converter RGB para HSL

Designer de UI
Contexto
O designer precisa ajustar a saturação de uma cor específica, mas o valor original está em RGB.
Problema
Dificuldade em manipular a saturação diretamente no formato RGB.
Como usar
Insira 'rgb(255, 87, 51)' no campo de entrada, selecione RGB como entrada e HSL como saída.
Resultado
O sistema retorna 'hsl(11, 100%, 60%)', facilitando o ajuste fino da cor.

Testar com amostras

design
Exemplos de códigos de cor
Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação
title token color
sample
Amostras de Conversor Hex/Unicode
Amostras de teste para conversão de sequências de escape hex e unicode
task convert,format
sample
Amostras de Conversor de Maiúsculas/Minúsculas
Amostras de teste para conversão de maiúsculas/minúsculas entre diferentes convenções de nomenclatura
task convert,format
sample
Exemplos de Processamento de Imagem Web Python
Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
task convert,format
sample

Hubs relacionados

Ferramentas de Design para Convert
Explore 98 ferramentas de design para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de cor são suportados?

A ferramenta suporta os formatos HEX (#RRGGBB), RGB (rgb(r,g,b)) e HSL (hsl(h,s%,l%)).

Preciso instalar algum software?

Não, o conversor funciona inteiramente no seu navegador, sem necessidade de instalação.

A conversão é precisa?

Sim, a ferramenta utiliza cálculos matemáticos precisos para garantir que a cor convertida seja idêntica à original.

Posso converter várias cores ao mesmo tempo?

Atualmente, a ferramenta processa uma cor por vez para garantir rapidez e precisão.

O uso da ferramenta é gratuito?

Sim, o Conversor de Cor é totalmente gratuito para uso ilimitado.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/color-converter

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
colorInput text Sim -
inputFormat select Sim -
outputFormat select Sim -

Formato de resposta

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texto: Texto

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-color-converter": {
      "name": "color-converter",
      "description": "Converte entre diferentes formatos de cor",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]