RGB를 HEX로 변환

RGB 입력
샘플
HEX 출력

RGB를 HEX로 변환하는 도구 사용 설명서

RGB와 HEX는 디지털 디자인에서 사용되는 두 가지 다른 색상 모델입니다. RGB는 빨강, 초록, 파랑을 의미하며, HEX는 색상 코드의 16진수 표현을 나타냅니다. RGB를 HEX로 변환하는 것은 웹 디자인에서 일반적으로 사용되는 HEX 색상 코드로 RGB 색상 코드를 변환하는 과정입니다. 이 설명서에서는 RGB 색상 코드를 HEX 색상 코드로 쉽고 빠르게 변환해주는 온라인 도구를 소개합니다.

도구의 특징

  • 온라인으로 무료 사용 가능하며 시스템이나 소프트웨어 의존도가 없습니다.
  • 입력 및 출력 값을 지우는 "Clear" 버튼 제공
  • 출력 값을 쉽게 복사할 수 있는 "Copy" 버튼 제공
  • 테스트용 예시 입력 값을 제공하는 "Sample" 버튼 제공
  • 로컬 컴퓨팅으로 데이터 보안 보장

RGB를 HEX로 변환하는 방법

입력

RGB를 HEX로 변환하는 도구를 사용하려면, 제공된 텍스트 상자에 RGB 색상 코드를 입력하거나 붙여넣기 하면 됩니다. 형식은 rgb(r, g, b)와 같아야 하며, r, g, b는 0부터 255까지의 정수입니다. 예를 들어, rgb(255, 213, 0)입니다.

변환

RGB 색상 코드를 입력하면, "변환" 버튼을 클릭하여 변환 과정을 시작할 수 있습니다. 도구는 RGB 색상 코드를 동등한 HEX 색상 코드로 변환하고, 출력 텍스트 상자에 표시합니다.

출력

HEX 색상 코드는 출력 텍스트 상자 옆에 있는 "Copy" 버튼을 클릭하면 쉽게 복사할 수 있습니다. "Clear" 버튼을 클릭하여 입력 및 출력 값을 지울 수도 있습니다. 테스트용 RGB 색상 코드가 필요한 경우에는 "Sample" 버튼을 클릭하여 임의의 입력 값을 생성할 수 있습니다.

핵심 알고리즘

RGB 색상 코드를 HEX 색상 코드로 변환하는 핵심 알고리즘은 수학적인 공식을 사용하여 RGB 값에서 HEX 값으로 변환하는 것을 포함합니다. 공식은 다음과 같습니다:

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

여기서 R, G, B는 각각 빨강, 초록, 파랑 값을 나타냅니다. 이 알고리즘은 먼저 빨강 값을 16비트로 이동시키고, 초록 값을 8비트로 이동시킨 다음, 세 값을 모두 결합하여 하나의 24비트 값으로 만듭니다. 그런 다음, toString() 메서드와 16진수로 변환하여 이 값을 16진수 문자열로 변환하고, 이 문자열을 # 기호와 결합하여 최종 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 색상 코드로 변환해야 하는 모든 사람들에게 가치 있는 도구입니다.

자주 묻는 질문 (FAQ)

더 많은 도구 만나보기