Conversão profissional de cores para designers e desenvolvedores
Clique para abrir seletor de cor
Tudo que você precisa para gestão de cores no seu fluxo de trabalho de design
Converta entre HEX, RGB, HSL, CMYK e mais formatos de cores sem problemas
Conversão instantânea de cores ao digitar com prévia ao vivo
Calculadora de proporção de contraste integrada para testes de conformidade WCAG
Valores RGB e HEX perfeitos para projetos de design web e digital
Ferramentas de design responsivo que funcionam em todos os dispositivos
Conversão CMYK precisa para fluxos de trabalho de design de impressão profissional
Copie CSS, Swift, Android e outros formatos de código diretamente
Salvar paletas de cores e exportar em vários formatos para ferramentas de design
Escolha o formato de cor certo para suas necessidades de design
#FF5733Notação hexadecimal perfeita para design web e CSS
Design web, CSS, HTML, gráficos digitais
rgb(255, 87, 51)Valores de Vermelho, Verde, Azul para designs baseados em tela
Displays digitais, desenvolvimento web, edição de fotos
hsl(14, 100%, 60%)Matiz, Saturação, Luminosidade para ajustes de cor intuitivos
Sistemas de design, teoria das cores, animações
cmyk(0%, 66%, 80%, 0%)Ciano, Magenta, Amarelo, Preto para impressão profissional
Design de impressão, branding, materiais de marketing
Dicas profissionais para uso eficaz de cores no design
RGB usa números decimais (0-255) para valores de vermelho, verde e azul, enquanto HEX usa notação hexadecimal (00-FF). Ambos representam as mesmas cores, mas em formatos diferentes. HEX é mais compacto e comumente usado no design web.
Use CMYK para materiais impressos como cartões de visita, folhetos e pôsteres. CMYK representa como as cores de tinta se misturam no papel (cor subtrativa), enquanto RGB é para telas (cor aditiva). As cores podem parecer diferentes entre formatos.
Verifique as proporções de contraste usando nosso verificador de acessibilidade integrado. Mire em pelo menos 4.5:1 para texto normal e 3:1 para texto grande. Além disso, teste seu design com simuladores de daltonismo e garanta que as informações não sejam transmitidas apenas pela cor.
Sim! Nosso conversor fornece códigos de cor formatados para ferramentas de design populares, incluindo Photoshop, Illustrator, Sketch, Figma, CSS, Swift e desenvolvimento Android. Basta copiar o formato que você precisa.
HSL (Matiz, Saturação, Luminosidade) representa cores de uma forma que corresponde à percepção humana. É excelente para criar variações de cor, ajustar brilho/saturação e construir esquemas de cores harmoniosos programaticamente.
Nossas conversões são matematicamente precisas e seguem padrões da indústria. No entanto, a aparência real da cor pode variar entre dispositivos devido à calibração da tela, perfis de cor e condições de visualização.
Explore mais ferramentas de design e cores