4 formas de obtener el código hexadecimal de un color en la pantalla de su computadora

Tabla de contenido:

4 formas de obtener el código hexadecimal de un color en la pantalla de su computadora
4 formas de obtener el código hexadecimal de un color en la pantalla de su computadora

Video: 4 formas de obtener el código hexadecimal de un color en la pantalla de su computadora

Video: 4 formas de obtener el código hexadecimal de un color en la pantalla de su computadora
Video: Cómo mostrar y ocultar los iconos del escritorio de Windows 2024, Marcha
Anonim

Los colores se identifican en HTML y CSS por sus códigos hexadecimales. Si está creando una página web u otro proyecto HTML y desea incluir un elemento que coincida con un color específico en una imagen, sitio web o ventana en la pantalla de su computadora, necesitará encontrar el código hexadecimal del color. Este wikiHow te enseñará a usar una variedad de herramientas gratuitas para identificar rápidamente el código hexadecimal de cualquier color.

Pasos

Método 1 de 4: uso del medidor de color digital en una Mac

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 1
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 1

Paso 1. Abra Digital Color Meter en su Mac

Esta herramienta, que viene con macOS, puede identificar el valor de color de cualquier color en la pantalla. Abra el Finder, haga doble clic en el Aplicaciones carpeta, haga doble clic en el Utilidades carpeta y luego haga doble clic Medidor de color digital Para abrirlo.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 2
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 2

Paso 2. Mueva el cursor del mouse al color que desea identificar

A medida que mueve el mouse, los valores de la herramienta se actualizarán en tiempo real. No mueva el mouse desde esta ubicación hasta que bloquee las aberturas horizontal y vertical.

También puede usar la herramienta para identificar colores en la web. Simplemente abra Safari (o su navegador preferido) y navegue hasta un sitio web que contenga el color que desea identificar

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 3
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 3

Paso 3. Presiona ⌘ Command + L

Esto bloquea las aberturas horizontal y vertical, lo que significa que el valor del color no cambiará cuando mueva el mouse.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 4
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 4

Paso 4. Presiona ⇧ Shift + ⌘ Command + C para copiar el código hexadecimal al portapapeles

También puede copiar el código hexadecimal haciendo clic en el Color menú y seleccionando Copiar color como texto.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 5
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 5

Paso 5. Presiona ⌘ Command + V para pegar el código copiado

Puede pegarlo directamente en su código HTML, un archivo de texto o cualquier otra área de escritura.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 6
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 6

Paso 6. Presiona ⌘ Command + L para desbloquear las aperturas

Si desea identificar otro color, esto libera el candado para que el cursor actúe nuevamente como un identificador de valor de color.

Método 2 de 4: Uso de Color Cop para Windows

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 7
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 7

Paso 1. Instale Color Cop

Color Cop es una pequeña utilidad gratuita que puede utilizar para identificar rápidamente el código hexadecimal de cualquier color en la pantalla. A continuación, le indicamos cómo obtener la aplicación:

  • Vaya a https://colorcop.net/download en un navegador web.
  • Hacer clic colorcop-setup.exe en "autoinstalación". Si el archivo no se descarga automáticamente, haga clic en Ahorrar o OK para iniciar la descarga.
  • Haga doble clic en el archivo descargado (está en el Descargas carpeta y, por lo general, en la esquina inferior izquierda de la pestaña del navegador).
  • Siga las instrucciones en pantalla para instalar la aplicación.
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 8
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 8

Paso 2. Abra Color Cop

Lo encontrará en su menú Inicio.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 9
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 9

Paso 3. Arrastre el icono del cuentagotas hasta el color que desee identificar

Puede identificar cualquier color en la pantalla, incluidos los de otras aplicaciones y sitios web.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 10
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 10

Paso 4. Suelte el botón del mouse para revelar el código hexadecimal

El código aparecerá en el espacio en blanco en el centro de la aplicación.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 11
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 11

Paso 5. Haga doble clic en el código hexadecimal y presione Ctrl + C

Esto copia el código hexadecimal en su portapapeles.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 12
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 12

Paso 6. Pegue el código donde lo necesite

Puedes usar Ctrl + V para pegar el código hexadecimal en cualquier lugar que desee, como en su código HTML o CSS.

Método 3 de 4: uso de Imagecolorpicker.com

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 13
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 13

Paso 1. Vaya a https://imagecolorpicker.com en su computadora, teléfono o tableta

Puede utilizar esta herramienta gratuita para identificar el código hexadecimal de cualquier color en una imagen cargada. Este método funcionará en cualquier navegador web, incluidos los de su Android, iPhone o iPad.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 14
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 14

Paso 2. Cargue una imagen o ingrese una URL

Deberá decidir si desea cargar su propia imagen o utilizar una imagen o un sitio web que ya esté en línea. Cualquiera de los métodos se puede utilizar para mostrar una imagen o una página web para que seleccione el color deseado.

  • Para cargar una imagen, desplácese hacia abajo y seleccione Sube tu imagen, navegue hasta la imagen en su computadora, teléfono o tableta, y seleccione la opción para cargarla.
  • Para usar un sitio web, desplácese hacia abajo hasta la opción "Use este cuadro para obtener el código de color HTML de un sitio web", ingrese la URL y luego haga clic o toque Tomar sitio web.
  • Para seleccionar una imagen directa en la web en lugar de un sitio web completo, ingrese la URL de la imagen en el cuadro "Use este cuadro para obtener el código de color HTML de una imagen a través de esta URL", luego haga clic o toque Tomar una imagen.
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 15
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 15

Paso 3. Haga clic o toque el color que desee dentro de la vista previa de la imagen / sitio

Esto muestra el código hexadecimal de color en la esquina inferior izquierda de la pantalla.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 16
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 16

Paso 4. Haga clic o toque el icono de copia para copiar el código hexadecimal a su portapapeles

Son los dos cuadrados superpuestos a la derecha del código hexadecimal. Luego puede pegarlo en cualquier archivo de texto o área de escritura.

Método 4 de 4: uso de Firefox (para colores en la web)

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 17
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 17

Paso 1. Abra Firefox en su PC o Mac

El navegador web Firefox viene con una herramienta Cuentagotas gratuita que puede utilizar para identificar el código hexadecimal de cualquier color en la web. Si tiene Firefox, lo encontrará en el menú Inicio (Windows) o en la carpeta Aplicaciones (macOS).

  • Puede descargar Firefox de forma gratuita en
  • Firefox solo te dirá el valor de un color en un sitio web. No puede usarlo fuera del navegador.
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 18
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 18

Paso 2. Vaya a un sitio web que contenga el color que desea identificar

Asegúrese de que el elemento para el que necesita el color esté a la vista.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 19
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 19

Paso 3. Haga clic en el menú ☰

Son las tres líneas horizontales en la esquina superior derecha de Firefox.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 20
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 20

Paso 4. Haga clic en el menú Desarrollador web

Se expandirá otro menú.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 21
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 21

Paso 5. Haga clic en Cuentagotas

El cursor del mouse se convertirá en un círculo grande.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 22
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 22

Paso 6. Haga clic en el color que desea identificar

Notarás que el valor hexadecimal de los colores se actualiza en vivo a medida que mueves el mouse hacia la ubicación. Una vez que haga clic con el mouse, Firefox guardará el código hexadecimal en su portapapeles.

Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 23
Obtenga el código hexadecimal de un color en la pantalla de su computadora Paso 23

Paso 7. Pegue el código donde lo necesite

Puedes usar Control + V (PC) o Comando + V (Mac) para pegar el código hexadecimal en su HTML, CSS o cualquier otro tipo de archivo de texto.

Consejos

  • Hay otros sitios web, extensiones de navegador y programas de edición de imágenes que también te permitirán usar un selector de color para revelar el código hexadecimal del tono.
  • Si sabe quién creó la página web con el color que está intentando hacer coincidir, siempre puede preguntarle qué código hexadecimal utilizó. Alternativamente, puede buscar en el código fuente del sitio web para encontrar el código hexadecimal que figura allí.

Recomendado: