Conversor de cores

Conversão de cores entre vários formatos

Um conversor de cores é um utilitário essencial para desenvolvedores front-end, designers de UI/UX e artistas digitais. Diferentes plataformas, bibliotecas de estilo e softwares de design utilizam diferentes formatos para representar cores. Um conversor de código de cores permite inserir uma cor em um formato e obter instantaneamente equivalentes em todos os outros formatos principais, garantindo precisão visual em todos os estilos.

Compreendendo os formatos de cores CSS da Web

Nossa ferramenta suporta os modelos de cores mais comuns usados em web design moderno:

• HEX/HEXA: um código hexadecimal que representa valores vermelhos, verdes e azuis (por exemplo, #10b981). HEXA inclui um byte extra para opacidade alfa (por exemplo, #10b981ff).
• RGB / RGBA: valores de vermelho, verde e azul de 0 a 255. RGBA adiciona um valor alfa entre 0 e 1 para transparência (por exemplo, rgb(16, 185, 129)).
• HSL / HSLA: Matiz (graus na roda de cores), Saturação (porcentagem) e Luminosidade (porcentagem). O HSL é popular entre os designers porque é mais fácil de ajustar do que o RGB.
• HSV: representação de matiz, saturação e valor (brilho).

Casos de uso de web design e estilo

Ao trabalhar em folhas de estilo, talvez seja necessário converter um código hexadecimal de um modelo do Photoshop em um formato RGBA para adicionar transparência ao plano de fundo. Fazer esses cálculos manualmente envolve a conversão de hexadecimal para base 10 e a aplicação de fórmulas. Nossa ferramenta hex para rgb e rgb para hex automatiza esse processo instantaneamente. Cole seu código de cores e copie as regras CSS prontas para uso diretamente em sua folha de estilo.