Conversor de Cores

Converta cores entre diferentes formatos como HEX, RGB, HSL, CMYK. Suporta seleção de cores com EyeDropper API, geração de paletas e análise de esquemas de cores.

Seletor de Cores

Use o seletor de cores para escolher cores

tools.color-converter.colorTools

tools.color-converter.colorToolsDesc

Formatos de Cor

Cor atual em vários formatos de representação

#
rgb(,,)
rgba(,,,)
hsl(,%,%)
hsv(,%,%)
cmyk(%,%,%,%)
oklch(%%)

Explicação dos Formatos de Cor

Aprenda sobre as características e casos de uso de diferentes formatos de cor

HEX Hexadecimal

Usa 6 dígitos hexadecimais para representar cores, como #FF5733. Este é o formato de cor mais comumente usado no desenvolvimento web, com a melhor compatibilidade, adequado para uso em CSS e HTML.

Formato:#RRGGBB
Intervalo:00-FF (0-255)
Vantagens:Conciso, boa compatibilidade
Desvantagens:Não intuitivo

RGB Vermelho Verde Azul

Usa os valores numéricos dos canais de cor vermelho, verde e azul para representar cores, como rgb(255, 87, 51). Este formato é intuitivo e fácil de entender, adequado para designers e desenvolvedores entenderem a composição das cores.

Formato:rgb(R, G, B)
Intervalo:0-255
Vantagens:Intuitivo, fácil de entender
Desvantagens:Não representa intuitivamente o brilho

tools.color-converter.rgba

tools.color-converter.rgbaDesc

Formato:tools.color-converter.rgbaFormatValue
Intervalo:tools.color-converter.rgbaRangeValue
Vantagens:tools.color-converter.rgbaAdvantagesValue
Desvantagens:tools.color-converter.rgbaDisadvantagesValue

HSL Matiz Saturação Luminosidade

Usa três atributos de matiz, saturação e luminosidade para representar cores, como hsl(12, 100%, 60%). Este formato está mais próximo de como os humanos percebem as cores, facilitando o ajuste do brilho e da vibração das cores.

Formato:hsl(H, S%, L%)
Intervalo:H: 0-360°, S/L: 0-100%
Vantagens:Intuitivo, fácil de ajustar
Desvantagens:Não representa intuitivamente o brilho

HSV Matiz Saturação Valor

Usa três atributos de matiz, saturação e valor para representar cores, como hsv(12, 100%, 100%). Este formato é comumente usado em software gráfico, onde o parâmetro valor representa mais intuitivamente o brilho da cor.

Formato:hsv(H, S%, V%)
Intervalo:H: 0-360°, S/V: 0-100%
Vantagens:O valor é intuitivo, fácil de ajustar
Desvantagens:Suporte limitado em navegadores web

CMYK Ciano Magenta Amarelo Preto

Usa quatro canais de cor de ciano, magenta, amarelo e preto para representar cores, como cmyk(0%, 66%, 80%, 0%). Este é o formato padrão na indústria de impressão, adequado para obras de design que precisam ser impressas.

Formato:cmyk(C%, M%, Y%, K%)
Intervalo:0-100%
Vantagens:Padrão de impressão, profissional
Desvantagens:Visualização inexata na web

OKLCH Espaço de Cor Perceptivo

Usa três atributos de luminosidade perceptiva, croma e matiz para representar cores, como oklch(60% 50% 12). Este é um espaço de cor moderno que corresponde melhor à percepção do olho humano, suporta uma gama de cores mais ampla e é adequado para dispositivos de visualização modernos.

Formato:oklch(L% C% H)
Intervalo:L: 0-100%, C: 0-150, H: 0-360°
Vantagens:Perceptualmente preciso, gama ampla
Desvantagens:Compatibilidade limitada

Sugestões de Uso

  • Desenvolvimento Web: Priorize formatos HEX e RGB para melhor compatibilidade
  • Ajuste de Design: Use formato HSL para fácil ajuste de matiz e saturação
  • Impressão Profissional: Use formato CMYK para garantir qualidade de impressão
  • Aplicações Modernas: Considere usar formato OKLCH para melhor desempenho de cor
  • Seleção de Cor: Use controles deslizantes HSV para seleção intuitiva de cores
  • tools.color-converter.usageSuggestionsList.transparencyEffects