Tabla de contenidos
En el mundo digital, los colores no solo están representados por su, bueno, color , sino también por códigos de seis dígitos. Estos «códigos hexadecimales» o «colores hexadecimales» juegan un papel muy importante en el diseño. Te explicaremos cómo funciona todo.
Rojo verde azul
Un código hexadecimal se compone de seis dígitos, generalmente precedidos por el símbolo de almohadilla (#). Por ejemplo, aquí está el código hexadecimal para negro puro: # 000000. Los números de este código corresponden a la cantidad de rojo, verde y azul del color.
Los dos primeros dígitos nos dicen cuánto rojo hay en el color, los dos dígitos siguientes son para el verde y los dos últimos son para el azul. El negro es la ausencia de color, por eso es «000000». No hay presente rojo, verde o azul.
La cantidad de rojo, verde o azul puede estar en el rango de 0-255. Pero espere, si cada color solo tiene dos dígitos y la escala llega hasta 255, ¿cómo funciona? Eso sí presenta un problema. Podría pensar que el rojo puro sería # 2550000, pero eso es más de seis dígitos. Cinturón de seguridad.
Número y letras
Los códigos de color hexadecimales no contienen solo números. El código real para el rojo puro es # ff0000. Entonces, ¿cómo se traducen esas letras en colores? Es un poco complicado.
El sistema hexadecimal se basa en el número 16. Una vez que averigua la cantidad de color que necesita, en esa escala de 0 a 255, lo divide por 16. El número que obtiene en la parte superior de la ecuación es el primer dígito, entonces el resto es el segundo dígito.
Ahora, si esos dos números son de un solo dígito, simplemente conéctelos en sus lugares en el código hexadecimal. Sin embargo, si termina con un número de dos dígitos, debe convertirlo en una letra. Para eso, hay una simple conversación que hacer:
- 10 se convierte en A
- 11 se convierte en B
- 12 se convierte en C
- 13 se convierte en D
- 14 se convierte en E
- 15 se convierte en F
Para volver al rojo puro, que es # ff0000, ahora podemos ver que era # 1515 0000 antes de convertirlo en letras. Un color más complejo, como este tono de violeta (# 5f1e85), está sucediendo más, pero usted sabe que cualquier letra es simplemente un número mayor que 9.
¿Para qué sirven los códigos hexadecimales?
Ahora sabemos lo que es un código hexadecimal es , pero ¿qué hacemos ? Un código de color hexadecimal le dice a la pantalla qué color mostrar. La pantalla lee toda la información sobre cómo hacer ese color a partir del código, y hace exactamente eso: crea el color.
La combinación de rojo, verde y azul puede crear prácticamente cualquier color que el ojo pueda ver. Puede pensar en un código hexadecimal como una receta de cocina. Le dice al televisor, la cámara, el monitor de la computadora, la pantalla del teléfono o el proyector qué cantidad de cada color necesita. Luego los mezcla para crear el color final deseado.
Eso es todo lo que hay en los códigos de color hexadecimales. Pueden parecer un idioma extranjero, pero hay una fórmula muy específica que explica el significado detrás de cada dígito. Ahora sabe un poco más sobre los códigos que ve en Photoshop e Illustrator .
Cómo encontrar el código hexadecimal de un color
Sabes cómo se hace un código hexadecimal y cómo se utilizan, pero ¿cómo puedes encontrar el código hexadecimal de un color? Afortunadamente, hay un montón de herramientas en línea gratuitas para encontrar los códigos hexadecimales de cualquier color en una imagen.
Si está buscando uno bueno, le recomendamos un sitio web llamado image-color.com . Puede cargar una imagen desde su dispositivo o una URL y usar la herramienta cuentagotas para seleccionar un color. Haga clic en «Examinar» para cargar el suyo o pegue una URL en el cuadro de texto y haga clic en «Cargar».
Una vez que se cargó la imagen, puede hacer clic o tocar en cualquier lugar para seleccionar un color de la imagen. El color se mostrará en la parte superior junto con el código hexadecimal en el cuadro «HEX».
Ahora puede tomar ese código hexadecimal y usarlo en Photoshop, Illustrator o donde lo necesite. Eso es todo lo que hay en los códigos de color hexadecimales. Pueden parecer un idioma extranjero, pero hay una fórmula muy específica que explica el significado detrás de cada dígito. Ahora lo sabes.
