Conversor de cores: HEX, RGB, HSV, Swift e Kotlin

Digite um HEX ou escolha uma cor. Receba valores e código pronto para web, iOS e Android.

Aa texto de exemplo

Roda inteiramente no seu navegador. Nada do que você digita é enviado ou armazenado.

Como usar

  1. Digite um HEX (#RGB, #RRGGBB ou 8 dígitos) ou use o seletor.
  2. Escolha a ordem de 8 dígitos: ARGB (iOS/Android) ou RGBA (CSS).
  3. Copie o formato desejado.

Designers entregam as cores em código HEX, mas iOS, Android e CSS escrevem cada um de um jeito. Este conversor de cores aceita um valor HEX — #RGB, #RRGGBB ou 8 dígitos — ou uma cor do seletor, e gera HEX, rgb(), rgba(), HSV, um código CSS #RRGGBBAA, um UIColor do Swift, um Color do SwiftUI, um Color(0xAARRGGBB) do Kotlin e um recurso <color> do Android, prontos para copiar.

Códigos de 3 dígitos são expandidos repetindo cada dígito: #ABC vira #AABBCC. Nos de 8 dígitos você escolhe a posição do alfa: ARGB, usado pelo Android e por muitos helpers de iOS, ou RGBA, usado pelo CSS. Os valores do Swift são canal ÷ 255 arredondado a três casas decimais. O brilho usa os pesos YIQ (R×299 + G×587 + B×114) ÷ 1000 numa escala de 0 a 1; acima de 0,5 a cor é considerada clara e o texto escuro é sugerido; caso contrário, texto branco.

Limites: a forma curta de 4 dígitos #RGBA não é lida; use 8 dígitos. O seletor define só RGB, então ao escolher uma cor o alfa volta a opaco. O HSV é arredondado para inteiros, e não há conversão entre espaços de cor como Display P3 e sRGB. Caracteres que não são hexadecimais, inclusive #, são ignorados. A conversão acontece inteiramente no seu navegador e nada é enviado.

Perguntas frequentes

Diferença entre #AARRGGBB e #RRGGBBAA?

Android e muitos utilitários iOS colocam o alfa primeiro (AARRGGBB); o CSS coloca no fim (RRGGBBAA).

Como a cor do texto é escolhida?

O brilho usa a fórmula YIQ: (R×299 + G×587 + B×114) ÷ 1000. Acima de 0,5 sugere texto escuro; senão, branco.

HEX de 3 dígitos funciona?

Sim. #ABC vira #AABBCC.

Ferramentas relacionadas