Selector de color y extractor de paleta

Toma colores exactos de una imagen, extrae su paleta y expórtala como código.

Point at the picture to read a colour.

Mouse: move and click. Touch: drag your finger and lift to pick. Keyboard: arrow keys move the cross (Shift for 10 pixels), Enter picks.

Dominant colours

Median cut over the whole picture: the same picture always gives the same palette.

Under the cross

Point at the picture to read a colour.

Picked colours

Click the picture to add colours here.

Qué hace

Abre una imagen (o pega una captura) y pasa el cursor: una lupa muestra los píxeles bajo la cruz y el color aparece en HEX, RGB, HSL y OKLCH, cada uno con botón de copiar. Haz clic o toca para guardar un color. La herramienta extrae los colores dominantes, indica qué parte de la imagen cubre cada uno y qué color de texto se lee encima, y exporta la paleta como variables CSS, Tailwind, SCSS, JSON o lista. Un verificador de contraste comprueba cualquier par según WCAG. La imagen no se sube.

Precisión y paleta

En el móvil, arrastra el dedo y el color se toma al levantarlo; con teclado, flechas y Enter. Las fotos tienen ruido, así que usa el promedio de 3 × 3 o 5 × 5. La paleta se calcula con median cut, sin azar: la misma imagen siempre da la misma paleta.

Contraste

Un naranja de foto (#f08c1e) solo llega a 2,48:1 sobre blanco, por debajo del 4,5:1 del texto normal; la herramienta sugiere el color más cercano que cumple (#b1620c). Para degradados y armonías usa las herramientas de color.

Preguntas frecuentes

¿Se sube mi imagen?

No. Se decodifica y se lee en tu dispositivo.

¿Por qué el mismo punto da colores algo distintos?

Por el ruido y la compresión JPEG. Usa el promedio de 3 × 3 o 5 × 5.

¿La paleta sale igual la próxima vez?

Sí. Median cut no usa azar: misma imagen, misma paleta.