// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
Perguntas frequentes
Quais formatos suporta?
HEX (#FF5733), RGB, HSL e OKLCH.
Mostra a cor?
Sim, mostra uma pré-visualização da cor junto aos valores convertidos.
Funciona com cores CSS?
Sim, aceita qualquer formato de cor válido no CSS.
Formatos de cores explicados
HEX usa notação hexadecimal com # seguido de 6 caracteres (0-9, A-F). #FF5733 representa vermelho=255, verde=87, azul=51. É o formato mais usado em CSS e design web.
RGB representa cores como misturas de vermelho, verde e azul, cada um de 0 a 255. rgb(255, 87, 51) é equivalente a #FF5733. É intuitivo para quem entende cores aditivas.
HSL (Hue, Saturation, Lightness) representa cores por matiz (0-360°), saturação (0-100%) e luminosidade (0-100%). hsl(14, 100%, 60%) é mais fácil de manipular programaticamente.
Outros formatos incluem HSV/HSB, CMYK (para impressão) e notações nominais como `red` ou `cornflowerblue`.
Quando usar cada formato
HEX é ideal para CSS, designs UI e comunicação com designers. É compacto e universalmente suportado por todas as ferramentas de design.
RGB é preferido quando você precisa manipular cores programaticamente, misturar cores ou criar variações de brilho ajustando individualmente os canais.
HSL é o mais intuitivo para ajustes perceptuais: aumentar luminosidade torna a cor mais clara, aumentar saturação a torna mais vibrante. Ideal para gerar paletas e variações de tema.
Para impressão profissional, use CMYK. Para aplicações mobile e game development, HSV/HSB pode ser mais conveniente.