RGB转HEX

RGB输入

示例

HEX输出

RGB 转 HEX 转换工具手册

RGB 和 HEX 是数字设计中使用的两种不同的颜色模型。RGB 代表红色、绿色和蓝色，而 HEX 则是颜色代码的十六进制表示。RGB 转 HEX 转换涉及将 RGB 颜色代码转换为 HEX 颜色代码，而后者在网页设计中经常使用。本手册将介绍一个在线工具，可以轻松、快速、安全地将 RGB 颜色代码转换为 HEX 颜色代码。

工具特点

在线免费，无需任何系统或软件依赖
清除按钮可删除输入和输出值
复制按钮可轻松复制输出值
示例按钮可提供用于测试的示例输入值
本地计算确保数据安全

如何使用 RGB 转 HEX 转换工具

输入

要使用 RGB 转 HEX 转换工具，只需在提供的文本框中输入或粘贴 RGB 颜色代码。格式应为rgb(r, g, b)，其中r、g和b是从 0 到 255 的整数。例如，rgb(255, 213, 0)。

转换

输入 RGB 颜色代码后，点击“转换”按钮开始转换过程。工具将把 RGB 颜色代码转换为等效的 HEX 颜色代码，并在输出文本框中显示。

输出

通过点击输出文本框旁边的“复制”按钮，可以轻松复制 HEX 颜色代码。您还可以通过点击“清除”按钮来清除输入和输出值。如果您需要一个用于测试的示例 RGB 颜色代码，只需点击“示例”按钮生成一个随机输入值。

核心算法

将 RGB 颜色代码转换为 HEX 颜色代码的核心算法涉及使用数学公式将 RGB 值转换为 HEX 值。该公式如下：

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

其中 R, G 和 B 分别表示红色、绿色和蓝色的值。该算法首先将红色值左移 16 位，将绿色值左移 8 位，然后将所有三个值合并为一个 24 位的值。然后使用基数为 16 的 toString() 方法将该值转换为十六进制字符串，然后将其与 # 符号组合以创建最终的 HEX 颜色代码。

示例

下面是一些使用不同编程语言将 RGB 颜色代码转换为 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);
}

结论

将 RGB 颜色代码转换为 HEX 颜色代码是网页设计师和开发人员必须完成的任务。本手册介绍的 RGB 到 HEX 转换器工具是一个免费、在线且安全的工具，可以轻松将 RGB 颜色代码转换为 HEX 颜色代码。它是任何需要处理数字设计并需要将 RGB 颜色代码转换为 HEX 颜色代码的人的宝贵工具。