Paleta automática y evidencia exacta
Los colores dominantes marcan la dirección visual, pero no sustituyen una muestra precisa. La paleta ponderada orienta y el selector da el valor exacto.
LABORATORIO DE COLOR · LOCAL
Convierte cualquier imagen en un sistema de color útil
Obtén una paleta dominante, un píxel exacto y valores listos para producción, no solo muestras bonitas.
PIXEL PICKER
Elige en la imagen
Haz clic o toca cualquier punto para leer su color exacto.
DOMINANT COLORS
Paleta dominante
Selecciona una muestra, edítala o añade el píxel elegido.
CSS · JSON · PNG
Usa la paleta donde quieras
La imagen se decodifica y analiza en la memoria del navegador. Ninguna petición contiene tu archivo.
Contraste para decidir
Cada color incluye HEX, RGB, HSL y contraste con blanco y negro. AA usa el umbral WCAG 4,5:1 para texto normal.
Usa la paleta donde quieras
Copia variables CSS o HEX y descarga JSON o una tarjeta PNG creada con la paleta editada.
Antes de empezar
Extraer colores de una imagen suele ser un paso para hacer coincidir algo: el tema de un sitio con una foto de producto, una presentación con un logotipo, una ilustración con una marca que le entregaron como JPEG en lugar de valores hexadecimales. La paleta extraída es el punto de partida, y en el hueco entre «estos son los colores de la imagen» y «estos son los colores a usar» es donde entra el criterio.
Dónde se tropieza la gente
El color que muestrea no es el color que se diseñó
Un JPEG ha pasado por compresión con pérdida, que desplaza ligeramente el color, sobre todo en los bordes. Una captura ha pasado por la cadena de visualización. Si una marca ha publicado valores hexadecimales, esos ganan a cualquier color muestreado de una imagen suya.
El color dominante suele ser el fondo
La extracción por frecuencia informa de lo que cubre más área, que en una foto de producto es el fondo continuo y no el producto. Lea la paleta como una lista de candidatos y elija por función —fondo, acento, texto— en lugar de tomar la primera entrada.
Una paleta bonita no es necesariamente legible
Dos colores extraídos de la misma fotografía suelen tener luminosidad parecida, que es justo la condición que incumple los requisitos de contraste para texto. Compruebe la relación de contraste de cualquier combinación que piense usar en texto corrido antes de fijarla.