Clique para abrir seletor de cor
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.