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
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.
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
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.
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.
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.
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
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.
Paso 2. Abra Color Cop
Lo encontrará en su menú Inicio.
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.
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.
Paso 5. Haga doble clic en el código hexadecimal y presione Ctrl + C
Esto copia el código hexadecimal en su portapapeles.
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
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.
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.
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.
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)
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.
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.
Paso 3. Haga clic en el menú ☰
Son las tres líneas horizontales en la esquina superior derecha de Firefox.
Paso 4. Haga clic en el menú Desarrollador web
Se expandirá otro menú.
Paso 5. Haga clic en Cuentagotas
El cursor del mouse se convertirá en un círculo grande.
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.
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í.
