Seletor de cor · HEX · RGB · HSL · CMYK

Seletor de Cores Online Grátis Todo o espectro, em sua aba.

Os velhos sites com anúncios de banner contra sua visita e classificados para "seletor de cores" com uma página estática. As grandes suites precisam de uma conta na nuvem. As outras doze ferramentas exigem que você faça o upload de uma imagem para extrair uma paleta — para um problema que o navegador já resolveu com a API do pincel de cor. Morph seleciona cores visualmente, converte entre HEX, RGB, HSL, CMYK, gera paletas (complementar, análoga, tríade, dividida, monocromática) e executa verificações de contraste WCAG — tudo na sua aba, sem anúncios, sem upload, sem conta. Grátis para tudo que roda no seu dispositivo; IA é paga em créditos.

01
CONVERTER

Todos os formatos de cor, em um só lugar — HEX, RGB, HSL, CMYK, nomeados.

Digite #FF5200 e veja RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) e a cor CSS nomeada mais próxima. Copie qualquer formato com um clique. Edite qualquer campo, os outros permanecem sincronizados.

Abra a ferramenta
Funciona no seu dispositivo · grátis · sem conta

O que ele realmente faz

02
PALETA

Teoria de cores, gerada

Complementar, análogo, tríade, complementar dividido, monocromático, tetradic. Escolha uma base e obtenha uma paleta utilizável em cinco tons.

03
CONTRASTE

WCAG AA & AAA

Combine quaisquer duas cores. Obtenha a proporção. Aprovação/reprovação para texto corporal e texto grande.

04
PINCÉL DE COR

Escolha da tela

API EyeDropper no Chrome / Edge. Amostragem de qualquer pixel em qualquer lugar da tela.

Como funciona

  1. Abra morph.cool/color em qualquer navegador moderno. Nenhuma login, nenhum instalado, nenhum cartão.
  2. Escolha visualmente — arraste o seletor, digite um HEX, cole uma string RGB ou use o botão EyeDropper (Chrome/Edge).
  3. Veja conversões instantâneas entre HEX, RGB, HSL e CMYK. Edite qualquer campo; os outros permanecem sincronizados.
  4. Crie paletas — complementares, análogas, triádicas, divididas, monocromáticas, tetradicas. Cada paleta está a um clique de distância para copiar.
  5. Teste o contraste. Combine qualquer duas cores contra os alvos WCAG AA/AAA para texto normal e grande.
4 formatosHEX · RGB · HSL · CMYK
6 esquemasGeradores de paleta
0Conta necessária

Por que a maioria das ferramentas de cor parece um labirinto

Três padrões dominam o mercado do seletor de cores. Primeiro: sites com anúncios que superam tudo por serem antigos, cheios de banners e quase não interativos. Terceiro: suites de nível empresarial que exigem uma conta em nuvem para o que deveria ser cem linhas de código. Morph é a versão local-first, sem conta, com todos os formatos incluídos. O navegador já tem uma API EyeDropper e uma entrada de cor; Morph envolve-as em uma interface usável e adiciona a matemática (CMYK, HSL, contraste, teoria de paleta) que todo designer precisa.

Onde a SaaS de design ainda vence

Os sites de paleta têm coleções comunitárias — milhões de paletas salvas por usuários que você pode navegar e remixar. Se sua rotina de trabalho gira em torno de inspiração curada pela comunidade, o seletor independente do Morph não é a superfície certa. O Morph é a matemática + as conversões + o gerador de paleta + verificação de contraste — as partes determinísticas e reprodutíveis. A parte de "navegar por um milhão de paletas" é um produto diferente.

Perguntas frequentes

Posso converter entre HEX e RGB?

Sim. Insira qualquer código de cor HEX e o Morph exibe instantaneamente os equivalentes RGB, HSL e CMYK. Funciona em todas as direções — digite em qualquer campo e os outros se sincronizam.

O Morph verifica o contraste de cor para acessibilidade?

Sim. O Morph calcula as razões de contraste WCAG entre quaisquer duas cores e informa se a combinação atende aos padrões de acessibilidade AA ou AAA para texto corporal e texto grande.

Posso gerar paletas de cores a partir de uma única cor?

Sim. Selecione uma cor base e Morph gera paletas complementares, análogas, tríade, complementar dividida, monocromática e tetradica com base na teoria da cor.

O pincel de cor realmente seleciona de qualquer lugar na tela?

Sim no Chrome e Edge — o Morph chama a API EyeDropper do navegador. Clique no botão do pincel de cor, passe o mouse em qualquer parte da tela e clique para amostrar. O Safari e o Firefox ainda não expõem essa API; nesses navegadores, o Morph recorre a selecionar dentro da superfície do seletor.

Meus cores são armazenadas em algum lugar?

Paletas salvas vivem no localStorage do seu dispositivo. Elas nunca são sincronizadas com o servidor do Morph. Limpe o armazenamento do navegador, e elas desaparecem — e o Morph não tem cópia.

Abrir o seletor de cores
Open the color picker
Nothing leaves your device · Free for what you make, credits for what we run