Extraer paletas — Verificar el resultado

Ejemplo de entrada y salida

Compara cada muestra con su zona de origen, prueba los pares de colores para ver si se leen y confirma los códigos copiados.

Empieza por la muestra frente al original: coloca la imagen y las muestras juntas y pregúntate si cada una está claramente presente en la foto. Luego usa el selector de la misma página y pulsa la zona equivalente; por el redondeo, una muestra debe quedar a unas 12 unidades por canal de ese píxel, y una diferencia mayor sugiere que la zona es un degradado.

Una diseñadora freelance que entrega un panel de estilo debería pegar los valores HEX como cuadrados grandes en una página en blanco y poner el color de texto propuesto sobre el fondo propuesto. Para texto corriente, las pautas de accesibilidad publicadas piden una relación de contraste de al menos 4,5 a 1, y de 3 a 1 para texto grande, algo que mide cualquier comprobador de contraste.

El error habitual es suponer que una paleta demuestra algo sobre contraste o fidelidad de marca. Solo informa de qué colores son frecuentes. Un amarillo pastel y una muestra blanca pueden ser colores reales de la foto y aun así ser ilegibles juntos, así que prueba pares, no muestras sueltas.

Por último, copia un HEX y un valor RGB, pégalos en un archivo de pruebas y verifica que coinciden: #D83030 debe ser rgb(216, 48, 48). Si la imagen tenía pocos colores, es normal obtener menos de ocho muestras; es el comportamiento correcto, no un error.

Image with several dominant colors

Palette swatches and color codes

Una paleta bonita es un punto de partida; la accesibilidad y la fidelidad de marca requieren su propia comprobación.