03
CONTRASTE
WCAG AA & AAA
Combine quaisquer duas cores. Obtenha a proporção. Aprovação/reprovação para texto corporal e texto grande.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
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.
Complementar, análogo, tríade, complementar dividido, monocromático, tetradic. Escolha uma base e obtenha uma paleta utilizável em cinco tons.
Combine quaisquer duas cores. Obtenha a proporção. Aprovação/reprovação para texto corporal e texto grande.
API EyeDropper no Chrome / Edge. Amostragem de qualquer pixel em qualquer lugar da tela.
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 — HTMLColorCodes é o exemplo clássico. Segundo: SaaS financiados por VC como Coolors que bloqueiam exportações, geradores de gradientes e salvamento de paletas atrás de uma assinatura de $3-$5/mês que você não precisa para uma função que o navegador já oferece nativamente. Terceiro: Adobe Color de nível empresarial que exige uma conta Creative Cloud 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 útil e adiciona a matemática (CMYK, HSL, contraste, teoria da paleta) que todo designer precisa.
Coolors e Adobe Color têm bibliotecas de paletas comunitárias — milhões de paletas salvas por usuários que você pode navegar e remixar. Se sua rotina de trabalho se baseia em 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, e o Coolors tem um bom.
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.
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.
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.
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.
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.