Conversão profissional de cores para designers e programadores
Clique para abrir seletor de cor
Everything you need for color management in your design workflow
Convert between HEX, RGB, HSL, CMYK, and more color formats seamlessly
Instant color conversion as you type with live preview of your colors
Built-in contrast ratio calculator for WCAG compliance testing
Perfect RGB and HEX values for web and digital design projects
Responsive design tools that work seamlessly on all devices
Accurate CMYK conversion for professional print design workflows
Copy CSS, Swift, Android, and other code formats directly
Save color palettes and export in various formats for design tools
Choose the right color format for your design needs
#FF5733Hexadecimal notation perfect for web design and CSS
Web design, CSS, HTML, digital graphics
rgb(255, 87, 51)Red, Green, Blue values for screen-based designs
Digital displays, web development, photo editing
hsl(14, 100%, 60%)Hue, Saturation, Lightness for intuitive color adjustments
Design systems, color theory, animations
cmyk(0%, 66%, 80%, 0%)Cyan, Magenta, Yellow, Black for professional printing
Print design, branding, marketing materials
Professional tips for effective color usage in 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