03
CONTRASTE
WCAG AA & AAA
Combina dos colores cualesquiera. Obtén la relación. Aprobado/Rechazado para texto corporal y 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.
Escribe #FF5200 y verás RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) y el color CSS nombrado más cercano. Copia cualquier formato con un solo clic. Edita cualquier campo, los demás permanecerán sincronizados.
Complementario, análogo, tríada, complementario dividido, monocromático, tetradic. Elige una base y obtén una paleta utilizable en cinco tonos.
Combina dos colores cualesquiera. Obtén la relación. Aprobado/Rechazado para texto corporal y texto grande.
API EyeDropper en Chrome / Edge. Muestra cualquier píxel en cualquier lugar de la pantalla.
Tres patrones dominan el mercado del selector de colores. Primero: sitios envueltos en anuncios que superan a todo por ser antiguos, densos en anuncios y apenas interactivos — HTMLColorCodes es el ejemplo canónico. Segundo: SaaS financiados por capital de riesgo como Coolors que restringen exportaciones, generadores de gradientes y guardado de paletas detrás de una suscripción de $3-$5/mes que no necesitas para una función que el navegador incluye nativamente. Tercero: Adobe Color de nivel empresarial que exige una cuenta de Creative Cloud para lo que debería ser cien líneas de código. Morph es la versión local-first, sin cuenta, con todos los formatos incluidos. El navegador ya tiene una API EyeDropper y una entrada de color; Morph las envuelve en una interfaz usable y agrega las matemáticas (CMYK, HSL, contraste, teoría de paletas) que necesita todo diseñador.
Coolors y Adobe Color tienen bibliotecas de paletas comunitarias — millones de paletas guardadas por usuarios que puedes explorar y remezclar. Si tu flujo de trabajo se centra en inspiración curada por la comunidad, el selector independiente de Morph no es la superficie adecuada. Morph es la matemática + las conversiones + el generador de paletas + comprobación de contraste — las partes deterministas y reproducibles. La parte de "explorar un millón de paletas de usuarios" es un producto diferente, y Coolors tiene uno sólido.
Sí. Ingresa cualquier código de color HEX y Morph muestra instantáneamente los equivalentes RGB, HSL y CMYK. Funciona en ambas direcciones — escribe en cualquier campo y los demás se sincronizan.
Sí. Morph calcula las razones de contraste WCAG entre dos colores cualesquiera y te indica si la combinación cumple con los estándares de accesibilidad AA o AAA para texto corporal y texto grande.
Sí. Selecciona un color base y Morph genera paletas complementarias, análogas, triádicas, complementarias divididas, monocromáticas y tetradicas basadas en la teoría del color.
Sí en Chrome y Edge — Morph llama a la API EyeDropper del navegador. Haz clic en el botón del cuentagotas, pasa el cursor por cualquier parte de la pantalla y haz clic para muestrear. Safari y Firefox aún no exponen esta API; en esos navegadores Morph recurre a seleccionar desde dentro de la superficie del selector.
Las paletas guardadas viven en localStorage en tu dispositivo. Nunca se sincronizan con un servidor de Morph. Borra el almacenamiento del navegador, desaparecen — y Morph no tiene una copia.