Cuentagotas de pantalla

Elija un color de su pantalla
Una herramienta gratuita

Utiliza el cuentagotas para obtener códigos de color para tus diseños. Los navegadores compatibles también pueden seleccionar colores fuera de su ventana.

HolaComprobando…

Cuentagotas de pantalla

Acerca de esta herramienta

Elija un color en su pantalla para ver y copiar valores HEX, RGB y HSL. También puede elegir colores fuera de la ventana del navegador.

Después de seleccionar un color, sus valores se convierten en esta página solamente.

Elige un color de tu pantalla.

Recomendado

Elige un color para ver el color de texto recomendado.

Guía del usuario Cuentagotas de pantalla

Convierta un color en su pantalla en un valor de color.

Seleccione un color de una página web, imagen u otra parte visible de su pantalla y compruebe sus valores HEX, RGB y HSL. Copiar el valor para mantener los colores consistentes en documentos o diseños web.

Colores de pantallaMostrar HEX, RGB y HSLComparar texto blanco y negro

Cómo utilizar

  1. PASO 01

    Mostrar el color que necesitas

    Asegúrese de que el color es visible. Los navegadores compatibles también pueden seleccionar los colores mostrados fuera de la ventana del navegador.

  2. PASO 02

    Elija un color de pantalla

    Selecciona Elija un color de la pantalla y pulsa sobre la zona deseada con el cuentagotas. Pulsa Esc para cancelar.

  3. PASO 03

    Revisar y copiar el valor

    Compruebe el color seleccionado y sus valores HEX, RGB y HSL. Presione el botón de copia para su formato requerido. También puede prever texto blanco y negro.

Elegir un formato de color

HEX
Un código de color como #336699, comúnmente utilizado en herramientas de diseño y web.
RGB
Representa las cantidades de rojo, verde y azul. Úsalo en aplicaciones aceptando valores RGB.
HSL
Representa el tono, la saturación y la luminosidad. Es útil para ajustar el tono o la claridad de un color.
Color de texto sugerido
Muestra cómo el texto blanco y negro mira en el fondo seleccionado. También verifique la legibilidad en el tamaño real del texto y en su ubicación prevista.
Coincide con el color del título de documento

Elija el color de relleno de una partida de muestra, copie su valor HEX, y pegarlo en la configuración de color de su documento.

Útil para

Comprobando un color de muestra

Lea el valor numérico de un color de pantalla visible.

Mantener los colores de documento consistentes

Aplicar el mismo color a múltiples formas o encabezados.

Selección de colores de texto

Compare la apariencia de texto blanco y negro.

Procesamiento y manejo de datos

El valor de color seleccionado se convierte y se muestra dentro de la página. Eligiendo un color no sube una imagen de pantalla completa a este sitio web.

Preguntas frecuentes

¿Funciona en teléfonos inteligentes?

La selección de color de la pantalla depende del soporte del navegador. Si no está disponible, prueba el escritorio Chrome o Edge.

¿Necesito cargar un archivo de imagen?

No. Mostrar el color deseado en la pantalla y seleccionarlo. Esta no es una herramienta de carga de imagen.

¿Por qué el color seleccionado es diferente de lo que esperaba?

Los bordes de texto y los gradientes varían según el píxel seleccionado. Prueba un área de color uniforme.

¿Puede leer también la transparencia?

Lee el color mostrado en la pantalla. No lee el ajuste de transparencia original en una imagen o CSS.

Enviar comentarios o informar de un error