Quais formatos de entrada são aceitos?

HEX (3 ou 6 dígitos, com ou sem #), rgb()/rgba() e hsl()/hsla().

Qual a diferença para um conversor de cores básico?

Esta ferramenta foca na saída para desenvolvedores — código pronto para CSS, SwiftUI, Android e Flutter, além de HSV e CMYK.

O CMYK é preciso para impressão?

É uma conversão matemática padrão. Para saída de impressão exata, use um perfil de gerenciamento de cor do seu fornecedor de impressão.

Matiz, Saturação, Valor — um modelo que algumas ferramentas de design chamam de HSB. É útil para selecionar e ajustar cores.

Minha cor é enviada?

Não. Tudo é convertido no seu navegador e nada sai do seu dispositivo.

Conversor de formatos de cor

Cor

Valores

HEX#3498DB

RGB52, 152, 219

HSL204, 70%, 53%

HSV204, 76%, 86%

CMYK76, 31, 0, 14

Trechos de código

CSS hex#3498db

CSS rgb()rgb(52, 152, 219)

CSS hsl()hsl(204, 70%, 53%)

SwiftUIColor(red: 0.204, green: 0.596, blue: 0.859)

Android XML<color name="color">#3498DB</color>

FlutterColor(0xFF3498DB)

Sites externos relacionados

Alguns links são links de afiliados.

Adobe ColorUma ferramenta online gratuita para criar e explorar paletas de cores e temas. Use a roda de cores para criar esquemas harmoniosos ou extraia cores de uma imagem. As paletas sincronizam diretamente com o Creative Cloud.CanvaUma popular plataforma de design com arrastar e soltar para criar posts em redes sociais, apresentações, pôsteres e mais. Oferece uma enorme biblioteca de modelos, fotos e gráficos gratuitos e premium. Não é necessária experiência em design.

Ferramentas relacionadas

Conversor de CoresConverta qualquer cor entre HEX, RGB, HSL, HSV e RGBA ao mesmo tempo. Edite um valor, copie com um clique, com alfa e contraste WCAG.Gerador de Paleta de CoresGere paletas de cores harmônicas a partir de um HEX base com esquemas complementar, análogo, triádico e mais. Trave cores, regenere o resto e exporte para CSS, Tailwind ou JSON.Extrator de Cores de ImagemExtraia a paleta de cores dominantes de qualquer imagem no seu navegador, sem enviar nada. Obtenha HEX, RGB e porcentagem (%) de cada cor, escolha quantas cores e exporte como CSS/JSON.Conversor de Unidades CSSConverta entre px, rem, em, pt e % para CSS, com tamanhos de fonte raiz e base ajustáveis, no navegador.

Cole uma cor em HEX, RGB ou HSL e este conversor a exibe em todos os formatos comuns — HEX, RGB, HSL, HSV e CMYK — e gera código pronto para colar em CSS, SwiftUI, Android e Flutter. É ideal para desenvolvedores que precisam da mesma cor em outra sintaxe. Tudo funciona no seu navegador.

Como usar

Cole uma cor no formato HEX, rgb() ou hsl().
Veja os valores em cada formato na prévia ao vivo.
Copie o trecho de código para a plataforma em que está trabalhando.

Como funciona

A entrada é analisada nos componentes vermelho, verde e azul, independentemente da sintaxe usada. A partir desses valores, a ferramenta calcula os demais modelos: HSL e HSV descrevem matiz, saturação e luminosidade/valor, enquanto CMYK é o modelo de impressão ciano-magenta-amarelo-preto. Cada trecho de plataforma é escrito na sintaxe exata do respectivo idioma, pronto para colar no seu código.

Recursos

Cinco modelos de cor

Veja HEX, RGB, HSL, HSV e CMYK de qualquer cor de uma vez.

Código pronto para copiar

Obtenha trechos de CSS, SwiftUI, Android XML e Flutter.

Entrada flexível

Aceita HEX (3 ou 6 dígitos), rgb() e hsl().

Privado e instantâneo

Toda a conversão ocorre no seu navegador; nada é enviado.

Quando usar

Desenvolvimento web

Alterne uma cor entre hex, rgb() e hsl() para CSS.

Aplicativos móveis

Obtenha o literal de cor correto para SwiftUI, Android ou Flutter.

Impressão

Consulte os valores CMYK para trabalhos voltados à impressão.

Design para código

Traduza uma cor de design para o código exato que você precisa.

Observações

HSV também é chamado de HSB em algumas ferramentas de design.
O CMYK aqui é uma conversão matemática simples, não um perfil de gerenciamento de cor.
Os trechos de Android e Flutter assumem uma cor totalmente opaca.
Toda a conversão ocorre no seu dispositivo; nada é enviado.

Perguntas frequentes

Quais formatos de entrada são aceitos?: HEX (3 ou 6 dígitos, com ou sem #), rgb()/rgba() e hsl()/hsla().
Qual a diferença para um conversor de cores básico?: Esta ferramenta foca na saída para desenvolvedores — código pronto para CSS, SwiftUI, Android e Flutter, além de HSV e CMYK.
O CMYK é preciso para impressão?: É uma conversão matemática padrão. Para saída de impressão exata, use um perfil de gerenciamento de cor do seu fornecedor de impressão.
O que é HSV?: Matiz, Saturação, Valor — um modelo que algumas ferramentas de design chamam de HSB. É útil para selecionar e ajustar cores.
Minha cor é enviada?: Não. Tudo é convertido no seu navegador e nada sai do seu dispositivo.