Color
Herramientas de color
Cuatro herramientas que se usan juntas todo el tiempo: elegir un color y convertirlo a cualquier formato, construir una paleta a partir de él, comprobar que se lee bien sobre el fondo, y sacarlo de una foto. Todo dentro de tu navegador.
Tus imágenes y tus colores no salen de esta página.
Selector y conversor
Rueda de color y los valores en HEX, RGB, HSL, HSV, CMYK y nombre CSS, sincronizados. Con lector desde una foto.
Generador de paletas
La escala del 50 al 900 y las cinco combinaciones clásicas, listas para copiar como CSS, Tailwind, JSON o imagen.
Comprobador de contraste
La razón de contraste, los niveles AA y AAA, y el color más parecido que sí cumple cuando el tuyo no llega.
Extraer de una imagen
Los colores dominantes de una foto con el porcentaje que ocupa cada uno. La imagen no sale del navegador.
Por qué importa que esto no se suba
Dos de estas cuatro herramientas trabajan con imágenes, y lo que se arrastra aquí casi nunca es una foto cualquiera: es el logotipo de un cliente antes del lanzamiento, una captura de un panel interno o una foto de producto sin publicar. Mandarla al servidor de un desconocido para sacarle un color es un intercambio malo, y encima innecesario: leer los píxeles de una imagen no necesita ningún servidor, lo hace el propio navegador con el lienzo que ya trae. Aquí no hay a dónde enviarla.
Por qué están separadas
Porque son cuatro trabajos distintos y cada uno se hace en un momento distinto. Buscar el azul de una marca no se parece a comprobar si un gris se lee sobre blanco, y meterlo todo en una sola página larga habría hecho las cuatro cosas peor. Cada una tiene su propia dirección, su propia explicación y sus propias preguntas.
Lo que sí comparten es el motor: las conversiones, el cálculo de contraste y las armonías son el mismo código en las cuatro, con sus pruebas. Así un color no puede salir de una manera aquí y de otra allá.
Todo pasa en tu navegador
Ninguna de las cuatro sube nada. Las dos que trabajan con imágenes —el lector de color y el extractor de paleta— las leen con el lienzo del propio navegador: la foto no sale de la página. Y no es un detalle menor, porque lo que se arrastra aquí suele ser el logotipo de un cliente, una captura de un panel interno o una foto de producto que aún no se ha publicado.
Preguntas frecuentes
¿Se sube alguna de mis imágenes?
No. Ni el lector de color ni el extractor de paleta envían nada: leen la imagen con el lienzo que ya trae tu navegador y trabajan dentro de él. No hay cuentas, no hay base de datos y no hay ninguna petición que lleve tu archivo a ninguna parte.
Con la página ya cargada, desconecta internet y compruébalo: las cuatro siguen funcionando igual.
¿Cuál de las cuatro necesito?
Si tienes un color y lo quieres en otro formato, o quieres elegir uno con la rueda, el selector. Si tienes uno y necesitas una gama entera para un diseño, el generador de paletas. Si ya tienes dos y quieres saber si se leen, el comprobador de contraste. Y si el color está dentro de una foto, el extractor.
Las cuatro se enlazan entre sí, así que se puede saltar de una a otra sin perder el color.
¿Los colores son exactos?
Las conversiones entre HEX, RGB, HSL y HSV son exactas y dan la vuelta sin perder nada: un color pasado a HSL y de vuelta a HEX devuelve el mismo HEX. Está comprobado sobre miles de colores.
El CMYK es la única excepción y la página lo dice donde aparece: es la conversión directa, sin perfil de color, y una imprenta trabaja con perfiles que dependen del papel y de la tinta.