Extractor de paleta de una imagen
Palette Extractor
Saca una paleta de N colores de una imagen y la exporta en hexadecimal, como variables CSS o como muestrario ASE.
Los colores de una imagen, como una paleta que puedes pegar en una hoja de estilos. El cuantizador es el que usa el compresor de PNG, con el razonamiento de que una paleta lo bastante buena para representar la imagen es por definición una que la describe, y la proporción de la imagen que cubre cada color se cuenta en vez de estimarse.
Suelta una imagen
La paleta sale del mismo cuantizador que usa el compresor de PNG: una paleta que basta para representar la imagen es una paleta que la describe.
Cómo se usa
Suelta una imagen
La barra bajo la vista previa muestra cada color con su proporción real, así que un color que cubre el 2 % del cuadro se ve como un 2 %.
Fija cuántos colores quieres
De dos a dieciséis. Cinco o seis suele ser el punto en que la paleta deja de ser un resumen y empieza a ser una lista.
Exporta en la forma que necesites
Propiedades personalizadas de CSS, un bloque @theme de Tailwind, variables SCSS o JSON, copiados enteros y no muestra a muestra.
Preguntas frecuentes
¿Por qué un color que veo claramente no está en la paleta?
Porque cubre demasiado poco de la imagen. El cuantizador optimiza para representar la imagen completa, así que un acento brillante en el 1 % del cuadro pierde frente a una gran área de grises casi idénticos. Sube el número de colores.
¿Muestrea toda la imagen?
Un paso uniforme sobre ella, unos 400 000 píxeles. Los colores dominantes son una propiedad de la distribución, así que un paso los conserva, y a diferencia de reducir primero, no puede inventar un color que no esté en la imagen.
La salida de Tailwind no funciona en mi proyecto.
Tailwind 4 define los colores como propiedades personalizadas dentro de @theme, que es lo que esto emite. Una configuración module.exports al estilo de v3 pegada en un proyecto v4 no hace nada en silencio, y al revés también.
Puede recibir de
Color medio y color dominante
Average & Dominant Colour
Devuelve un color representativo de una imagen —media, mediana o el más frecuente— como valor de color reutilizable.
Simulador de daltonismo
Colour Blindness Simulator
Vuelve a dibujar una imagen tal como la vería alguien con protanopía, deuteranopía, tritanopía o visión en escala de grises.
Selector de color
Colour Picker
Elige un color en un plano OKLCH, con el cuentagotas de pantalla o desde una imagen que subas, y lo copia en cualquier notación.
Generador de paletas
Palette Generator
Construye una paleta armónica a partir de un color base con reglas de complementarios, tríadas y análogos.
Después
Estas aceptan lo que produce esta herramienta, así que el resultado puede pasar directamente.
Conversor de códigos de color
Colour Format Converter
Convierte un color entre HEX, RGB, HSL, HWB, LAB, LCH y OKLCH, y nombra el color conocido más próximo.
Comprobador de contraste
Contrast Checker
Puntúa una pareja de color de texto y fondo contra WCAG 2 y APCA, y propone el color válido más cercano.
Color medio y color dominante
Average & Dominant Colour
Devuelve un color representativo de una imagen —media, mediana o el más frecuente— como valor de color reutilizable.
Generador de paletas
Palette Generator
Construye una paleta armónica a partir de un color base con reglas de complementarios, tríadas y análogos.
Quitar el fondo de una imagen
Background Remover
Recorta un fondo plano o de un solo color en el espacio OKLab y devuelve un PNG transparente, con pincel para corregir los bordes.
Borrar los datos EXIF de una foto
EXIF Remover
Elimina los metadatos de cámara, GPS y edición de las fotos sin tocar un solo píxel, y sin que la foto salga de tu navegador.