RGB a HEX

Entrada de RGB
Muestra
Salida de HEX

Manual de la Herramienta Convertidora de RGB a HEX

RGB y HEX son dos modelos de color diferentes utilizados en el diseño digital. RGB significa Rojo, Verde y Azul, mientras que HEX se refiere a la representación hexadecimal de un código de color. La conversión de RGB a HEX implica convertir los códigos de color RGB a códigos de color HEX, que se utilizan comúnmente en el diseño web. Este manual presentará una herramienta en línea que puede convertir los códigos de color RGB a códigos de color HEX de manera fácil, rápida y segura.

Características de la Herramienta

  • En línea y gratuita, no se requieren dependencias del sistema o del software
  • Botón "Borrar" para eliminar los valores de entrada y salida
  • Botón "Copiar" para copiar fácilmente el valor de salida
  • Botón "Muestra" para proporcionar un valor de entrada de muestra para realizar pruebas
  • Seguridad de datos garantizada por el cálculo local

Cómo Usar la Herramienta Convertidora de RGB a HEX

Entrada

Para usar la herramienta convertidora de RGB a HEX, simplemente ingrese o pegue su código de color RGB en el cuadro de texto proporcionado. El formato debe ser en forma de rgb(r, g, b), donde r, g y b son enteros que van desde 0 hasta 255. Por ejemplo, rgb(255, 213, 0).

Conversión

Una vez que se haya ingresado su código de color RGB, haga clic en el botón "Convertir" para iniciar el proceso de conversión. La herramienta convertirá el código de color RGB a un código de color HEX equivalente, que se mostrará en el cuadro de texto de salida.

Salida

El código de color HEX se puede copiar fácilmente haciendo clic en el botón "Copiar" junto al cuadro de texto de salida. También puede borrar los valores de entrada y salida haciendo clic en el botón "Borrar". Si necesita un código de color RGB de muestra para realizar pruebas, simplemente haga clic en el botón "Muestra" para generar un valor de entrada aleatorio.

Algoritmo principal

El algoritmo principal para convertir códigos de color RGB a códigos de color HEX consiste en convertir los valores RGB a valores HEX utilizando una fórmula matemática. La fórmula es la siguiente:

HEX = "#" + ((1 << 24) + (R << 16) + (G << 8) + B).toString(16).slice(1);

Donde R, G y B son los valores de rojo, verde y azul, respectivamente. El algoritmo primero desplaza el valor de rojo en 16 bits, el valor de verde en 8 bits, y luego combina los tres valores en un único valor de 24 bits. A continuación, se utiliza el método toString() con una base de 16 para convertir este valor en una cadena hexadecimal, que luego se combina con el símbolo # para crear el código de color HEX final.

Ejemplos

Aquí hay algunos ejemplos de códigos en diferentes lenguajes de programación para convertir códigos de color RGB a códigos de color HEX:

Python

def rgb_to_hex(rgb):
    r, g, b = map(int, rgb.split(","))
    return "#{:02x}{:02x}{:02x}".format(r, g, b)

C

#include <stdio.h>

void rgb_to_hex(int r, int g, int b, char hex[]) {
    sprintf(hex, "#%02x%02x%02x", r, g, b);
}

JavaScript

function rgbToHex(rgb) {
  const match = rgb.match(/rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i);
  const r = parseInt(match[1]).toString(16).padStart(2, "0");
  const g = parseInt(match[2]).toString(16).padStart(2, "0");
  const b = parseInt(match[3]).toString(16).padStart(2, "0");
  return `#${r}${g}${b}`;
}

Java

public static String rgbToHex(String rgb) {
    String[] rgbValues = rgb.replaceAll("[^\\d,]", "").split(",");
    int r = Integer.parseInt(rgbValues[0].trim());
    int g = Integer.parseInt(rgbValues[1].trim());
    int b = Integer.parseInt(rgbValues[2].trim());
    return String.format("#%02x%02x%02x", r, g, b);
}

PHP

function rgbToHex($rgb) {
    list($r, $g, $b) = explode(",", $rgb);
    $r = dechex(trim($r));
    $g = dechex(trim($g));
    $b = dechex(trim($b));
    return "#" . str_pad($r, 2, "0", STR_PAD_LEFT) . str_pad($g, 2, "0", STR_PAD_LEFT) . str_pad($b, 2, "0", STR_PAD_LEFT);
}

Conclusión

Convertir códigos de color RGB a códigos de color HEX es una tarea necesaria para diseñadores y desarrolladores web. La herramienta de conversión de RGB a HEX presentada en este manual es una herramienta gratuita, en línea y segura que puede convertir códigos de color RGB a códigos de color HEX con facilidad. Es una herramienta valiosa para cualquier persona que trabaje con diseño digital y necesite convertir códigos de color RGB a códigos de color HEX.

Preguntas frecuentes (FAQ)

Conoce nuestras herramientas adicionales