Tomar colores — Ajustes y calidad
Tomar colores — Ajustes y calidad: Elige dónde pulsar y qué copiar: HEX para herramientas de diseño y CSS, o rgb(r, g, b) si el código necesita los…
La imagen se analiza en tu navegador.
o suelta una imagen en cualquier lugar de esta página
Selector de color y extractor de paleta
Ejemplo de entrada y salida
Elige dónde pulsar y qué copiar: HEX para herramientas de diseño y CSS, o rgb(r, g, b) si el código necesita los canales.
El HEX siempre tiene seis dígitos en mayúsculas, por ejemplo #6D28D9, que equivale a rgb(109, 40, 217). Copia el HEX para pegarlo en una propiedad personalizada de CSS o en una herramienta de diseño, y el texto RGB si luego quieres añadir transparencia con rgba. Cada valor tiene su botón de copia y una marca confirma la copia durante aproximadamente un segundo.
Una diseñadora de envases que ajusta una etiqueta a la foto de una caja debería hacer clic en tres a cinco puntos de la misma zona de color y compararlos. Si en un PNG los números difieren una o dos unidades por canal es normal; si difieren 10 o más, es un degradado o un JPG muy comprimido.
El error habitual es hacer un único clic sobre una sombra o un brillo y tomarlo como color de marca. Elige el tono medio de la zona plana y, si es un degradado, anota el primer y el último punto por separado en lugar de una media.
Compensaciones: una imagen grande permite ubicar el clic con más precisión y un PNG sin pérdida da cifras repetibles, mientras que un JPG pequeño ahorra datos pero mueve los valores unas unidades. Para aprobaciones importantes, pide el HEX oficial al propietario y usa el selector solo para confirmarlo.
Entrada
Pixel selected in an image
Salida
HEX and RGB values
La herramienta informa de un píxel exacto, no de un color percibido, así que la iluminación y la calibración del monitor no cambian sus cifras.
Elige una tarea 12
Herramientas relacionadas 13
Cómo usar Tomar colores — Ajustes y calidad
- Elige una imagen para Tomar colores — Ajustes y calidad.
- Haz clic en un píxel o elige un color de la paleta extraída.
- Copia el valor HEX o RGB exacto.
Respuestas rápidas
¿Qué hace Tomar colores — Ajustes y calidad?
Tomar colores — Ajustes y calidad: Elige dónde pulsar y qué copiar: HEX para herramientas de diseño y CSS, o rgb(r, g, b) si el código necesita los…
¿Cómo se usa Tomar colores — Ajustes y calidad?
Elige una imagen para Tomar colores — Ajustes y calidad. Haz clic en un píxel o elige un color de la paleta extraída. Copia el valor HEX o RGB exacto.
¿Qué puedo hacer con el resultado de Tomar colores — Ajustes y calidad?
El color seleccionado y la paleta extraída quedan listos para copiar en HEX y RGB.
¿Qué debo comprobar antes de publicar una imagen editada?
Abre el archivo exportado y comprueba dimensiones, peso, texto pequeño, bordes y transparencia al tamaño de uso. Redimensionar cambia los píxeles; comprimir reduce el peso. Ampliar no garantiza recuperar detalles perdidos. Conserva el original para volver a exportarlo con otros ajustes.