Una buena paleta suele empezar con una imagen: la foto de un producto, el logo de un cliente, un paisaje que marca el ambiente o la captura del sitio de la competencia. En lugar de calcular los colores a ojo, puedes leerlos directamente de los píxeles.
Dos formas de obtener colores
Elegir un píxel. Haz clic en cualquier punto de la imagen y lee su valor en HEX, RGB y HSL. Es el método correcto cuando necesitas un color específico, como el azul exacto de un botón.
Extraer los colores dominantes. La herramienta analiza toda la imagen, agrupa los tonos parecidos y enumera los más comunes. Funciona bien con fotos e ilustraciones donde ningún píxel representa la sensación general.
Cómo se construye la paleta
Para que sea rápido, la imagen se reduce y cada píxel se coloca en un grupo de color amplio. Los grupos más poblados se convierten en la paleta, y una distancia mínima entre colores evita casi duplicados. Mueve el control para pedir entre 3 y 16 colores. Pocos colores dan un resumen más audaz, y más colores revelan acentos sutiles.
Trampas de precisión
- Ruido de compresión. Las imágenes JPEG difuminan los colores cerca de los bordes. Elige de un área plana, no de un borde.
- Degradados y sombras. Un píxel en sombra es más oscuro que el color real del objeto. Elige un área iluminada representativa.
- Perfiles de color. El navegador muestra las imágenes con su perfil incrustado, y los valores pueden diferir ligeramente del número de un archivo de diseño.
- Capturas de capturas acumulan errores. Usa el recurso original cuando puedas.
Usar el resultado
Elige un color dominante como principal, un neutro para los fondos y un acento. Luego revisa el contraste entre los colores del texto y del fondo antes de usarlos juntos, porque colores que se ven bien en una foto pueden no ser legibles como texto.
Preguntas frecuentes
¿Se sube la imagen? No. Se decodifica y se analiza en tu navegador.
¿Por qué la paleta es distinta de lo que veo? Las áreas pequeñas de color vivo cuentan poco. Dominante significa la mayoría de los píxeles, no lo más llamativo.