Converte cores entre formatos HEX e RGB
Dois formatos dominam a representação de cores no desenvolvimento web: HEX e RGB. O formato HEX (hexadecimal) representa cada componente de cor — vermelho, verde e azul — em dois dígitos hexadecimais (0–F), resultando em um código compacto de 6 caracteres precedido de #. O formato RGB usa três valores decimais separados por vírgula, de 0 a 255. Ambos expressam exatamente o mesmo espaço de cores (16 milhões de combinações), mas com sintaxes diferentes.
No CSS, HEX é preferido para cores fixas do design system pela sua concisão (#3B82F6 é mais legível no código do que rgb(59, 130, 246)). RGB brilha quando você precisa manipular componentes individualmente — como em animações com interpolação de cores, geração dinâmica de paletas ou ao trabalhar com transparência viargba(). Em sistemas de design como Figma e Sketch, o RGB facilita ajustes manuais de luminosidade e saturação.
O CSS aceita uma forma abreviada de HEX com 3 caracteres, onde cada dígito é duplicado para formar o HEX completo. Por exemplo, #F57 equivale a #FF5577. A notação curta só é possível quando os dois dígitos de cada componente são idênticos. Esta ferramenta detecta e expande automaticamente a notação curta, facilitando o trabalho com paletas que usam essa forma compacta.
Converta cores entre HEX e RGB facilmente. Ferramenta essencial para designers e desenvolvedores web. Inclui preview visual da cor, suporte a notação curta (#F57 → #FF5577) e botões de cópia para cada formato.