Selector de color

Al hacer una captura de pantalla, la lupa de PixPin permite tomar el color de cualquier píxel y copiarlo en formatos habituales como RGB o HEX. Los diseñadores que comparan paletas y los desarrolladores que revisan los colores de una interfaz no necesitan abrir otro selector de color.

1024, 368

rgb(4, 133, 247)

C: copiar colorShift: cambiar formatoPShift⇧ ShiftCCambiar coordenadasCambiar formatoCopiar color1Cuadrícula ampliada2Color del píxel central

Tomar un color con la lupaCopy Anchor Link

Para mantener la lupa visible sin pulsar Alt⌥ Option, abre la página Captura de pantalla de la configuración y cambia Mostrar líneas auxiliares a Mostrar siempre.

También puedes tomar colores de los pins: coloca el puntero sobre un pin, mantén pulsada Alt⌥ Option para mostrar la lupa y pulsa CC para copiar el color.

Apuntar con precisión a un píxelCopy Anchor Link

Las líneas de la cuadrícula separan los píxeles de la lupa, y el recuadro central señala el píxel cuyo color vas a tomar. Si te cuesta apuntar con el ratón a iconos pequeños o bordes de 1 píxel, mueve el puntero con el teclado:

Puedes ajustar la lupa en la página Captura de pantalla de la configuración:

• Aumento de la lupa: de 1 a 100×, con 11× de forma predeterminada.
• Contenido de la lupa: marca lo que necesites entre cuadrícula, cruceta, recuadro central, borde de captura, puntos de control de captura, anotaciones, líneas de control de anotaciones y coordenadas del ratón.
• Color de la cuadrícula de la lupa, Escalado suave del contenido de la lupa y Mostrar indicaciones de atajos en la lupa.

Copiar colores y cambiar de formatoCopy Anchor Link

Cada vez que pulsas Shift⇧ Shift, el valor de color de la lupa cambia al siguiente formato activado. Al copiar se utiliza el formato mostrado.

Formatos de colorCopy Anchor Link

PixPin incluye los siguientes formatos de color. RGB y #HEX están activados de forma predeterminada:

Activa los demás formatos antes de poder seleccionarlos con Shift⇧ Shift.

Formatos de color personalizadosCopy Anchor Link

Si necesitas una notación concreta, como una variable CSS o una constante de color en el código, puedes añadir tu propio formato.

Formatos de color

RGBrgb(%Re, %Gr, %Bl)

BGRbgr(%Bl, %Gr, %Re)

HEX%Rex%Grx%Blx

#HEX#%Rex%Grx%Blx

HSVhsv(%Hu, %Sb%, %Va%)

HSLhsl(%Hu, %Sl%, %Li%)

CSS--brand: #%ReX%GrX%BlX;Marca para activar, doble clic para editar, clic derecho para el menú, arrastra para ordenarNuevo formatoAceptar

Añadir formato

Nombre:

CSSFormato:

--brand: #%ReX%GrX%BlX;

--brand: #FF8040;

Parámetros disponibles%ReRojo%GrVerde%BlAzul%AlAlfa%HuMatiz%NaNombre del colorEjemplo: %ReX expresa el rojo en dos dígitos hexadecimales en mayúsculas.CancelarGuardar

1Marca para activar, arrastra para ordenar2Vista previa en tiempo real

En Gestionar formatos de color:

Parámetros habituales:

Puedes añadir una letra tras los parámetros rojo, verde, azul y alfa para especificar la notación numérica: b da un valor de 0 a 255 (predeterminado), x / X dos dígitos hexadecimales (minúsculas / mayúsculas), h / H un dígito hexadecimal y f / F un decimal de 0 a 1 (con / sin cero inicial). Por ejemplo, #%ReX%GrX%BlX da como resultado #0485F7.

Parámetros disponibles, en la misma ventana, enumera todos los parámetros, incluidos los componentes de CMYK, HSI, CIE Lab, Oklab, Oklch y XYZ.

CoordenadasCopy Anchor Link

La lupa también muestra las coordenadas del píxel bajo el puntero, con dos modos:

• Coordenadas de pantalla: el origen es la esquina superior izquierda de la pantalla.
• Coordenadas relativas a la selección: el origen es la esquina superior izquierda de la selección. Sirven para medir la posición de elementos de la interfaz dentro de una zona.

Pulsa PP para cambiar entre los dos modos y Alt+C⌥ Option+C para copiar las coordenadas actuales.

• 1240, 712
  Coordenadas de pantallaEl origen es la esquina superior izquierda de la pantalla.
• 56, 68
  Coordenadas relativas a la selecciónEl origen es la esquina superior izquierda de la selección. Pulsa P para cambiar.
• Color aplicado
  Color para anotacionesSelecciona una herramienta de anotación y pulsa C para aplicarle el color.

Tomar colores al anotarCopy Anchor Link

Al anotar, puedes tomar un color directamente de la captura para la herramienta de anotación actual, sin buscar un tono parecido en la paleta:

Cuando hay una herramienta de anotación seleccionada, CC aplica el color a la herramienta. No copia el valor de color ni termina la captura.

Artículos relacionadosCopy Anchor Link