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

Ferramentas de Cor

Ferramentas avançadas de seleção e gestão de cores

Formatos de Cor

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

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

Paleta Tailwind CSS

Cores padrão oficiais do Tailwind CSS. Escolha um formato, clique para copiar, clique duas vezes para carregar no seletor.

50100200300400500600700800900950
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose

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

RGBA Vermelho Verde Azul Alfa

Adiciona um canal alfa ao RGB para transparência, por exemplo rgba(255, 87, 51, 0.8). Adequado para sobreposições, sombras e outros efeitos semitransparentes.

Formato:rgba(R, G, B, A)
Intervalo:R,G,B: 0-255, A: 0-1
Vantagens:Suporta transparência e efeitos visuais ricos
Desvantagens:Compatibilidade um pouco menor que RGB

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
  • Efeitos de transparência: use o formato RGBA para criar sobreposições semitransparentes