Selector de color
Suelta tu imagen aquí
o haz clic para explorar tus archivos
No se sube nada: la imagen se lee en tu navegador
Paleta de esta imagen
Color seleccionado
Escribe cualquier valor hexadecimal: 3 o 6 dígitos, con o sin #.
Ajustar
Armonías
Haz clic en cualquier muestra para convertirla en el color seleccionado.
Tintes y sombras
Contraste
WCAG exige 4,5:1 para texto normal (AA) y 7:1 para AAA. El texto grande puede usar 3:1.
Recientes
Lo que puedes hacer aquí
Todo funciona en tu navegador: sin subidas ni esperas.
Mezcla un color
Sácalo de una imagen
Construye a partir de él
Otras herramientas de imagen
Preguntas frecuentes
Todo lo que conviene saber sobre elegir colores aquí.
help
¿Se sube mi imagen a alguna parte?
No. Esta herramienta no tiene parte de servidor en absoluto: la imagen se lee directamente en tu navegador y nunca sale de tu dispositivo. Por eso también es instantánea.
help
¿Cuál es la diferencia entre HSL y HSV?
Ambos describen un color por su tono, pero miden el resto de forma distinta. La luminosidad de HSL va del negro al blanco pasando por el color puro, así que el 50 % es la versión viva. El valor de HSV va del negro a la versión más brillante del color, así que el 100 % de valor con el 100 % de saturación es la viva. HSL suele ser más cómodo para elegir variantes más claras y más oscuras; HSV se corresponde con el comportamiento de la mayoría de los campos de color.
help
¿Por qué el CMYK se ve distinto de lo que imprime mi impresora?
El CMYK de aquí es una conversión directa desde RGB, sin aplicar ningún perfil de color. La impresión real depende de las tintas, el papel y el perfil concretos, así que toma estas cifras como punto de partida y no como una especificación lista para imprenta.
help
¿Cómo se elige la paleta a partir de una imagen?
Por corte mediano: los colores de la imagen se tratan como una caja que se divide una y otra vez por el canal que más varía, y cada caja final aporta su promedio. Por eso encuentra los colores distintos en lugar de devolver una docena de tonos casi idénticos del color que ocupa más píxeles.
help
¿Qué me dice la comprobación de contraste?
La relación entre tu color y el blanco o el negro, según la fórmula de WCAG. El texto de tamaño normal necesita al menos 4,5:1 para cumplir AA y 7:1 para AAA; el texto grande o en negrita cumple AA con 3:1. Es la forma más rápida de ver si el texto en este color va a resultar legible de verdad.
help
¿Puedo tomar un color de fuera del navegador?
Si tu navegador admite el cuentagotas nativo, en el modo Selector aparece un botón que te deja tomar cualquier píxel de tu pantalla. Donde no se admite, el botón permanece oculto, ya que no hay otra forma fiable de hacerlo.
Tratado con medidas de seguridad reales
Unos cuantos detalles concretos, no frases hechas.
No se sube nada
Esta herramienta no tiene parte de servidor. Tu imagen se lee en el navegador y nunca se envía a ninguna parte.
Instantáneo por diseño
Sin ida y vuelta al servidor no hay cola ni espera: cada cambio se aplica según lo haces.
No se conserva nada
No hay nada que conservar: desde esta página ningún archivo llega jamás a nuestros servidores.