Selector de color

Acerca de la herramienta

Un espacio de trabajo de color completo en tu navegador. Elige cualquier color con un panel interactivo de saturación/valor y un deslizador de tono, luego copia HEX, RGB, HSL, HSV o CMYK con un clic. Sube una imagen para extraer sus colores dominantes mediante k-means, genera paletas listas para exportar en seis modos de armonía (monocromático, análogo, complementario, triádico, tetrádico, aleatorio) y previsualiza cualquier color a través de ocho simulaciones de daltonismo. Exporta paletas como variables CSS, SCSS, config de Tailwind, JSON o PNG — todo se ejecuta localmente, sin subidas.

Preguntas frecuentes

¿Cómo funciona el extractor de colores de imagen?

Reduce el tamaño de tu imagen y ejecuta k-means sobre los píxeles para encontrar los 6 colores dominantes. Todo ocurre en tu navegador — la imagen nunca sale de tu dispositivo.

¿Qué tipos de daltonismo se simulan?

Protanopia, protanomalía, deuteranopia, deuteranomalía, tritanopia, tritanomalía, acromatopsia y acromatomalía — con las matrices estándar Machado/Brettel.

¿Puedo exportar la paleta a mi herramienta de diseño?

Sí. El generador exporta variables CSS, listas SCSS, fragmentos de config de Tailwind, JSON o una tira PNG. Las paletas guardadas persisten en el almacenamiento local.

¿Qué relación de contraste necesito?

WCAG AA requiere 4.5:1 para texto del cuerpo y 3:1 para texto grande. AAA apunta a 7:1 y 4.5:1.

¿Por qué mi color HEX se ve diferente al imprimir?

Las pantallas usan RGB (aditivo); la impresión usa CMYK (sustractivo). Verifica siempre desde una fuente calibrada.