Convertidor de Colores
hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, colores x11

Um código de cor HEX, muitas vezes referido simplesmente como "hex", é uma representação hexadecimal de uma cor em web design e gráficos digitais. Consiste em um símbolo '#' seguido por uma combinação de seis caracteres, que podem ser números (0-9) e letras (A-F). Esses caracteres representam a intensidade dos componentes vermelho, verde e azul (RGB) na cor, permitindo que uma vasta gama de cores seja especificada com precisão. Códigos de cor HEX são amplamente utilizados em HTML e CSS para definir cores para sites, fornecendo um método padronizado para designers e desenvolvedores garantirem a reprodução de cores consistente e precisa em diferentes plataformas e navegadores.

O código de cor HEXA é uma extensão do modelo de cor HEX tradicional que incorpora um canal Alfa. Enquanto o código HEX padrão define vermelho, verde e azul usando seis caracteres (ex: #RRGGBB), HEXA adiciona dois caracteres extras no final para representar a transparência (ex: #RRGGBBAA). O valor Alfa varia de 00 (completamente transparente) a FF (completamente opaco). Códigos HEXA são cada vez mais usados em web design moderno, pois permitem que desenvolvedores especifiquem cores com transparência diretamente em suas folhas de estilo com uma única string concisa.

O código de cor HSL significa Matiz (Hue), Saturação e Luminosidade (Lightness). É uma representação alternativa do modelo de cor RGB, projetada para ser mais intuitiva e melhor alinhada com a percepção humana de cor. HSL divide a cor em três componentes:

• Matiz (Hue): Representa o tipo de cor em si, como vermelho, azul ou amarelo, medido em graus na roda de cores (0-360).
• Saturação: Indica a intensidade ou pureza da cor, de 0% (escala de cinza) a 100% (cor completa).
• Luminosidade (Lightness): Determina o quão clara ou escura a cor parece, de 0% (preto) a 100% (branco).

Códigos de cor HSL são amplamente utilizados em web design e arte digital, tornando mais fácil para designers e desenvolvedores ajustar propriedades de cor para criar esquemas de cores harmoniosos e efeitos visuais.

O código de cor HSLA, uma extensão do modelo de cor HSL, adiciona um canal Alfa à mistura. HSLA significa Matiz (Hue), Saturação, Luminosidade (Lightness) e Alfa.

• Matiz (Hue): Representa o tipo de cor em graus (0-360).
• Saturação: Mede a pureza da cor (0% a 100%).
• Luminosidade (Lightness): Especifica o brilho (0% para preto, 100% para branco).
• Alfa: Controla a transparência (0 para completamente transparente, 1 para completamente opaco).

Códigos de cor HSLA são particularmente úteis em web design e design gráfico, permitindo que designers definam cores com níveis variados de transparência, melhorando o controle sobre a aparência visual e a estratificação de elementos no conteúdo digital.

O código de cor HSV, que significa Matiz (Hue), Saturação e Valor (Value), é um sistema de representação de cores amplamente utilizado em design digital e computação. Diferente do HEX, que foca nas cores primárias vermelho, verde e azul, o HSV considera diferentes aspectos da cor:

• Matiz (Hue): Representa o tipo de cor, variando de 0 a 360 graus ao redor da roda de cores.
• Saturação: Mede a intensidade ou pureza da cor, sendo 0% escala de cinza e 100% totalmente saturado.
• Valor (Value): Especifica o brilho da cor, sendo 0% preto e 100% a cor totalmente iluminada.

Códigos de cor HSV oferecem uma maneira intuitiva de trabalhar com cores, tornando mais fácil para designers ajustar matiz, saturação e brilho para alcançar os efeitos visuais desejados em várias aplicações de design digital, incluindo web design e design gráfico.

O código de cor HSVA, uma extensão do modelo de cor HSV, introduz um canal Alfa, resultando em Matiz (Hue), Saturação, Valor (Value) e Alfa.

• Matiz (Hue): Define o tipo de cor com valores de 0 a 360 graus.
• Saturação: Indica a intensidade da cor, variando de 0% (escala de cinza) a 100% (totalmente saturado).
• Valor (Value): Determina o brilho, com 0% sendo preto e 100% sendo a cor totalmente iluminada.
• Alfa: Controla a transparência, variando de 0 (completamente transparente) a 1 (completamente opaco).

Códigos de cor HSVA são valiosos em web design, design gráfico e arte digital, permitindo a especificação precisa de cores com níveis variados de transparência. Esta extensão melhora o controle sobre aspectos visuais e a estratificação de elementos em criações digitais.

O espaço de cor LAB (especificamente CIELAB ou CIE L*a*b*) é um padrão de cor definido pela Comissão Internacional de Iluminação (CIE) em 1976. Ele representa cores com três dimensões: 'L' para luminosidade (variando de 0 para preto a 100 para branco), 'a' para o componente de cor verde-vermelho, e 'b' para o componente de cor azul-amarelo. Diferente de RGB ou CMYK, LAB é projetado para ser independente de dispositivo, significando que define cores com base na percepção humana em vez de como elas são produzidas por uma tela ou impressora específica. Isso o torna um espaço intermediário crucial para converter entre diferentes perfis de cor.

O código de cor LCH significa Luminosidade (Lightness), Croma e Matiz (Hue). É uma representação cilíndrica do espaço de cor CIELAB (LAB), projetada para ser mais intuitiva para a compreensão humana. 'Luminosidade' representa o quão clara a cor é, 'Croma' indica a intensidade ou saturação, e 'Matiz' especifica a cor em si (ex: vermelho, azul, verde) como um ângulo na roda de cores. LCH é particularmente valorizado em design e colorimetria por sua uniformidade perceptual, significando que mudanças em valores numéricos correspondem relativamente bem a mudanças visuais percebidas pelo olho humano.

O espaço de cor OKLAB é um espaço de cor perceptual projetado por Björn Ottosson em 2020. Serve como uma melhoria moderna sobre o espaço CIELAB tradicional, visando ser simples de usar enquanto corrige falhas na uniformidade perceptual do LAB, especialmente no tratamento de tons azuis que podem parecer roxos no LAB. OKLAB usa três coordenadas: 'L' para luminosidade percebida, 'a' para verde-vermelho, e 'b' para azul-amarelo. Sua precisão perceptual superior o torna excelente para tarefas como mistura de cores, geração de gradientes e processamento de imagens.

OKLCH é um espaço de cor que combina a uniformidade perceptual do OKLAB com as coordenadas cilíndricas intuitivas do LCH (Luminosidade, Croma, Matiz). Está se tornando cada vez mais o espaço de cor preferido para web design moderno e CSS porque permite manipulação de cor previsível - como criar paletas harmoniosas ou ajustar a luminosidade sem mudar o matiz percebido - melhor que HSL ou LCH padrão. É nativamente suportado no moderno Módulo de Cores CSS Nível 4, permitindo esquemas de cores mais vibrantes e acessíveis.

O código de cor RGB, abreviação de código de cor Vermelho, Verde, Azul, é uma representação numérica usada em design digital e computação para definir cores. Consiste em três valores numéricos, cada um variando de 0 a 255, representando a intensidade das cores primárias vermelho, verde e azul. Ao ajustar esses valores, um amplo espectro de cores pode ser criado. Códigos de cor RGB são comumente empregados em várias aplicações, incluindo web design, design gráfico e edição de imagens, para especificar e reproduzir com precisão cores para displays digitais, imagens e conteúdo.

O código de cor RGBA, que significa Vermelho, Verde, Azul, Alfa, é um formato de representação de cor usado em design digital e computação. É uma extensão do modelo de cor RGB, onde além de especificar a intensidade dos componentes vermelho, verde e azul (RGB), um canal alfa é incluído. O canal alfa controla a transparência ou opacidade da cor, com valores variando de 0 (completamente transparente) a 1 (completamente opaco). Códigos de cor RGBA são amplamente usados em web design, design gráfico e edição de imagens para definir cores com vários níveis de transparência, tornando-o essencial para criar conteúdo digital visualmente atraente e em camadas.

O espaço de cor XYZ, estabelecido pela CIE (Comissão Internacional de Iluminação) em 1931, é o modelo fundamental para todos os sistemas modernos de gerenciamento de cores. Ele define matematicamente a relação entre comprimentos de onda físicos da luz e a visão humana de cor. Neste modelo, 'Y' corresponde à luminância (brilho), enquanto 'X' e 'Z' servem como componentes virtuais para descrever a cromaticidade. Porque engloba todas as cores visíveis ao olho humano, XYZ serve como o espaço de referência padrão para converter cores entre diferentes dispositivos e espaços de cor.

Cores X11 referem-se a um conjunto padronizado de cores usadas em computação, particularmente no X Window System, uma interface gráfica de usuário comum para sistemas operacionais baseados em Unix. A paleta de cores X11 inclui 140 cores nomeadas, cada uma com uma representação específica de código hexadecimal (HEX). Essas cores nomeadas fornecem uma maneira consistente e amplamente reconhecida de especificar cores em desenvolvimento de software, web design e design gráfico. Designers e desenvolvedores frequentemente usam nomes de cores X11 como 'red', 'blue' e 'green' junto com seus valores HEX correspondentes para garantir consistência de cor e compatibilidade entre diferentes sistemas e plataformas.