Saltar al contenido
Portada » Saber color de una imagen

Saber color de una imagen

¿Qué color es este?

Nota: Aunque los valores de <color> están definidos con precisión, su apariencia real puede variar (a veces significativamente) de un dispositivo a otro. Esto se debe a que la mayoría de los dispositivos no están calibrados y algunos navegadores no admiten los perfiles de color de los dispositivos de salida.

Palabras clave de colorLas palabras clave de color son identificadores que no distinguen entre mayúsculas y minúsculas y que representan un color específico, como el rojo, el azul, el negro o el verde claro. Aunque los nombres describen más o menos sus respectivos colores, son esencialmente artificiales, sin una razón estricta detrás de los nombres utilizados.

palabra clave transparenteLa palabra clave transparente representa un color totalmente transparente. Esto hace que el fondo detrás del elemento de color sea completamente visible. Técnicamente, transparente es un atajo para rgba(0,0,0,0).

Nota: Para evitar un comportamiento inesperado, como en un <gradiente>, la especificación CSS actual establece que transparente debe calcularse en el espacio de color alfa-premultiplicado. Sin embargo, tenga en cuenta que los navegadores más antiguos pueden tratarlo como negro con un valor alfa de 0.

Recogida de color Rgb de la imagen

Esto es lo que obtengo si uso desaturar en su lugar. Duplique la imagen original (Ctrl+D) y haga clic con el botón derecho del ratón en la copia. Seleccione Imagen -> Colores -> Desaturar. A diferencia del cambio de modo de escala de grises anterior, los canales no se remezclan en diferentes porcentajes, por lo que deberíamos esperar resultados diferentes.

->  Pisos blancos para sala

El resultado es visualmente diferente; observe el aumento del contraste en las escalas. Además, compare las vistas con zoom al 100% a la derecha y en el ejemplo anterior de escala de grises. Puede ver mucho más ruido en la vista desaturada con el zoom (examine el área borrosa debajo de los picos). La razón es que estamos obteniendo más ruido del canal azul y rojo, mientras que en la operación de cambio de modo de escala de grises el algoritmo nos está dando una remezcla del 60% del canal verde limpio y detallado.

Un tercer método es considerar los canales rojo/verde/azul de la imagen. Cada uno de ellos puede representarse como una imagen en escala de grises independiente. Haga clic con el botón derecho en la imagen original y seleccione Imagen -> Modo -> Descomponer. Seleccione la opción RGB y haga clic en Aceptar.

Aquí puede ver los tres canales: rojo (arriba), verde (medio) y azul (abajo). Puedes ver que el canal rojo contiene la mayor parte de la información de luminancia así como mucho ruido, el canal verde es el que tiene menos ruido y el canal azul tiene sombras y ruido. A menudo, el canal azul es el que tiene más ruido, pero no en este caso.

->  Carta de colores comex

Seleccionador de colores a partir de una imagen

Tanto si eres diseñador como si vas a recibir un diseño, es importante conocer la diferencia entre los modos de color RGB y CMYK para poder planificar y optimizar cada etapa del proceso de diseño. Esto va más allá de saber lo que significan las letras -alerta de spoiler: la mayoría son colores- porque se trata más de saber cuál es el mejor para tu proyecto. Dependiendo de dónde y cómo se muestre el resultado final, un espacio de color es siempre mejor que el otro.

Tanto el RGB como el CMYK son modos de mezclar el color en el diseño gráfico. Como referencia rápida, el modo de color RGB es mejor para el trabajo digital, mientras que el CMYK se utiliza para los productos impresos. Pero para optimizar completamente tu diseño, necesitas entender los mecanismos que hay detrás de cada uno. Profundicemos en ello.

Una fuente de luz dentro de un dispositivo crea cualquier color que necesites mezclando rojo, verde y azul y variando su intensidad. Es lo que se conoce como mezcla aditiva: todos los colores comienzan como una oscuridad negra y luego se añade luz roja, verde y azul encima de la otra para aclararla y crear el pigmento perfecto. Cuando la luz roja, verde y azul se mezclan a igual intensidad, crean el blanco puro.

->  Que colores mezclo para hacer rosa

Selector de color

Tu código probablemente está muriendo por un error de agotamiento de memoria. La creación de un millón de arrays puede causar eso. Aquí hay un script que cuenta el número de colores únicos en una imagen de una manera bastante eficiente (para PHP):

$colorCount es el número de colores únicos en la imagen. $counts te da el número de veces que aparece cada color. Cada $clave es una cadena de 4 bytes. El primer byte es la transparencia. Un valor de cero significa opaco. El segundo, tercer y cuarto bytes son R, G y B respectivamente. Tendrá que llamar a ord() para obtener el valor.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad