Conversão profissional de cores para designers e programadores
Clique para abrir seletor de cor
Tudo o que 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é-visualização em tempo real
Calculadora de rácio 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
Guardar paletas de cores e exportar em vários formatos para ferramentas de design
Escolha o formato de cor certo para as 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 ecrã
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
O RGB usa números decimais (0-255) para os valores de vermelho, verde e azul, enquanto o HEX usa notação hexadecimal (00-FF). Ambas representam as mesmas cores, mas em formatos diferentes. O HEX é mais compacto e comumente usado no design web.
Use CMYK para materiais de impressão como cartões de visita, folhetos e cartazes. O CMYK representa como as cores de tinta se misturam no papel (cor subtrativa), enquanto o RGB é para ecrãs (cor aditiva). As cores podem parecer diferentes entre formatos.
Verifique as proporções de contraste usando o nosso verificador de acessibilidade integrado. Apontar para pelo menos 4.5:1 para texto normal e 3:1 para texto grande. Teste também o seu design com simuladores de daltonismo e garanta que a informação não é transmitida apenas pela cor.
Sim! O 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 precisa.
HSL (Matiz, Saturação, Luminosidade) representa cores de uma forma que corresponde à perceção humana. É excelente para criar variações de cor, ajustar brilho/saturação e construir esquemas de cor harmoniosos programaticamente.
As 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 do ecrã, perfis de cor e condições de visualização.
Explore mais ferramentas de design e cores