Extractor de paleta de colores - Obtén HEX, RGB y HSL

Qué hace el Extractor de paleta de colores

Esta herramienta responde a una pregunta precisa: si tuvieras que describir esta imagen con un puñado de colores, ¿cuáles serían? Decodifica tu imagen en el navegador, la reduce para que el lado más largo mida unos 200 píxeles y lee los datos de píxel en bruto de un canvas. Reducir la escala no es un atajo que reste precisión: promediar los píxeles vecinos durante el escalado elimina el ruido de anillo del JPEG y el ruido del sensor que de otro modo aparecerían como docenas de negros casi idénticos, y mantiene todo el análisis por debajo de unos cuarenta mil píxeles para que termine al instante incluso en un teléfono. Los píxeles con un valor alfa inferior a 128 se descartan antes de cualquier otra cosa. Ese único paso es lo que evita que un logotipo sobre fondo transparente reporte el negro como su color principal, que es la respuesta errónea más común que dan otros extractores. Los píxeles opacos restantes se agrupan con el algoritmo de corte por mediana. El corte por mediana trata los píxeles como una nube en el espacio tridimensional RGB, envuelve una caja a su alrededor, elige repetidamente la caja con la mayor dispersión de color ponderada por el número de píxeles que contiene, y la divide en dos en un punto donde los valores de color realmente cambian. Repetir esto hasta que haya tantas cajas como el número solicitado da como resultado agrupaciones que siguen la estructura real de la imagen, y cada agrupación reporta el promedio de los píxeles que contiene en lugar del centro arbitrario de un cubo. Por eso los resultados son colores reales de tu imagen en lugar de los grises desvaídos que produce la agrupación por cuadrícula fija. Luego se ajusta el orden. Clasificar puramente por conteo de píxeles es una trampa: una fotografía es a menudo un cuarenta por ciento de cielo o fondo blanco de estudio, y un conteo bruto pone eso primero y entierra los colores que realmente querías. Por lo tanto, las agrupaciones casi neutras, casi negras y casi blancas reciben menos peso al ordenar la lista, aunque nunca se descartan y el porcentaje mostrado junto a cada muestra es siempre la proporción real de píxeles, sin modificar. Finalmente, cada muestra recibe un color de texto calculado a partir de su luminancia relativa WCAG 2.1, eligiendo negro o blanco según cuál tenga la mayor relación de contraste con ese color específico. Esta prueba usa la luminancia, no la luminosidad, por lo que acierta con los tonos medios donde un simple umbral de brillo da la respuesta equivocada.