Selector de color
¿Necesitas seleccionar un color de una imagen? Usa esta herramienta en línea. Te permite ver los colores de la imagen con gran detalle, para que puedas ver todos los detalles de los píxeles y seleccionar el que necesitas. Esta herramienta permite obtener los códigos hexadecimales, RGB y HSL, que se copiarán al portapapeles al hacer clic en esos campos. Puedes abrir la imagen en tu ordenador haciendo clic en el botón "Seleccionar archivo / Explorar". También puedes arrastrar y soltar los archivos de imagen en este sitio web para cargarlos.
Colors
Haga clic en la imagen para ver el código de color y haga clic en el código de color para copiarlo en diferentes formatos.
¿Qué es un código de color y qué denota?>
Los códigos de color son un método para expresar un color específico mediante una combinación de números y caracteres. Estos códigos se utilizan a menudo en diseño web, diseño gráfico y programación, entre otros medios digitales. Existen numerosas variedades de códigos de color, como:
RGB
Códigos (rojo, verde, azul): Estos códigos utilizan una combinación de tres números para describir la intensidad máxima de cada color. Por ejemplo, el código "255, 0, 0" representa el rojo puro, mientras que "255, 255, 255" representa el blanco.
HEX
Códigos (hexadecimales): Estos códigos indican un color mediante una combinación de seis letras o dígitos. Por ejemplo, el código "#FFFFFF" representa el blanco, mientras que "#000000" representa el negro.
HSL
Códigos (tono, saturación, luminosidad): estos códigos utilizan una combinación de tres dígitos para definir el tono, la saturación y el brillo del color.
Códigos RGB (rojo, verde, azul)
Los códigos de color RGB (rojo, verde, azul) permiten especificar un color determinado mediante tres números. Estos valores describen la saturación de los colores rojo, verde y azul en el resultado final. Normalmente, el rango de valores para cada color oscila entre 0 y 255, donde 0 representa la ausencia de ese color y 255 su máxima intensidad. Los códigos de color RGB se basan en el modelo de color aditivo, lo que implica que los colores se combinan para obtener el tono final. En este paradigma, el rojo, el verde y el azul son los colores fundamentales y, al combinarse con distintas intensidades, pueden formar una amplia gama de colores. Por ejemplo, el código "255, 0, 0" indicaría un tono rojo puro, que se obtiene al tener la máxima intensidad de rojo sin presencia de colores verde o azul. De igual manera, el código "0, 255, 0" denotaría un color verde puro, que se obtiene al tener la máxima intensidad de verde sin presencia de colores rojo o azul. El diseño web, el diseño gráfico y la programación utilizan con frecuencia la codificación de color RGB. Además, los navegadores web, las aplicaciones de diseño gráfico y la mayoría de los dispositivos de visualización actuales son ampliamente compatibles. Esto facilita la correcta representación del color en múltiples plataformas y dispositivos. Una de las ventajas de adoptar la codificación de color RGB es que permite una variedad de opciones de color. Al modificar la intensidad de cada color, es posible generar distintos matices. Por ejemplo, al usar el código "255, 182, 193" para crear un color rosa pálido, se mezcla un rojo de alta intensidad con un azul y un verde de baja intensidad.
Códigos hexadecimales
Los códigos de color hexadecimales, a menudo conocidos como códigos hexadecimales, son una técnica para designar un color específico mediante la combinación de seis caracteres o dígitos. Normalmente, se utilizan las letras de la A a la F y los números del 0 al 9. Cada par de letras o números representa la proporción de rojo, verde y azul en el resultado final. Los seis caracteres de un código de color hexadecimal reflejan los valores hexadecimales de dos dígitos para los componentes rojo, verde y azul del color, según el paradigma de color RGB. Cada par de letras o dígitos se correlaciona con un valor entre 0 y 255 que representa la intensidad del color del producto final. Por ejemplo, el código "#FFFFFF" significaría blanco, que se obtiene al tener la máxima cantidad de los tonos rojo, verde y azul. Mientras que el símbolo "#000000" denota negro, que se logra por la ausencia de los tonos rojo, verde y azul, el código "#000000" denota gris. El diseño web, el diseño gráfico y la programación utilizan con frecuencia códigos de color hexadecimales. Además, los navegadores web y las aplicaciones de diseño gráfico los admiten ampliamente, lo que los convierte en una opción popular entre diseñadores y desarrolladores. Utilizando diversas combinaciones de letras y números, también es posible generar ciertos tonos de color. Por ejemplo, el código "#FF0000" indica un color rojo puro, que se compone de la máxima cantidad de rojo y la ausencia de verde y azul. De igual manera, el código "#00FF00" significaría un color verde puro caracterizado por la ausencia de los colores rojo y azul.
Códigos HSL (tono, saturación, luminosidad)
Los códigos de color SL permiten especificar un color específico mediante tres números enteros. Estos números reflejan el tono, la saturación y el brillo del color. El valor de tono en los códigos HSL normalmente oscila entre 0 y 360 e indica la longitud de onda predominante de la luz. El valor de saturación representa la pureza del color y se expresa normalmente con un número entre 0 y 100. Normalmente, el valor de luminosidad se representa con un número entre 0 y 100, que indica el brillo del color. Por ejemplo, el código "120, 100, 50" mostraría un color verde puro con un valor de tono de 120 (que indica el color verde), un valor de saturación de 100 (que representa una saturación completa) y un valor de luminosidad de 50 (que representa un brillo medio). De forma similar, el código "0, 0, 100" mostraría un color blanco puro con un valor de tono de 0 (que representa la ausencia de color), un valor de saturación de 0 (que representa la ausencia de saturación) y un valor de luminosidad de 100 (que representa el brillo máximo). La mayoría de los navegadores web, aplicaciones de diseño gráfico y lenguajes de programación modernos aceptan códigos de color HSL, lo que los convierte en una opción popular entre diseñadores y desarrolladores. Es un método más sencillo para describir colores, ya que permite modificar el brillo y la saturación de un color sin afectar su tono.