RGB 16진수 변환기

RGB 16진수 변환기는 웹 디자인, CSS 및 그래픽 응용 프로그램에서 사용되는 RGB 색상 값(Red, Green, Blue)을 16진수 색상 코드로 즉시 변환합니다. HSL, HSV 및 CMYK를 포함한 다중 형식 출력과 함께 CSS 코드 스니펫, 색상 조화 팔레트, WCAG 접근성 대비 확인 및 가장 가까운 명명 색상 매칭 기능을 제공합니다.

RGB를 16진수로 변환하는 원리

RGB(빨강, 초록, 파랑)와 16진수(Hex)는 전자 디스플레이에서 사용되는 동일한 가산 혼합 색상 모델에 대한 두 가지 서로 다른 표기법입니다. 각 색상 채널은 10진수로 0에서 255까지의 범위를 가집니다. 16진수로 변환하기 위해 각 10진수 채널 값을 2자리 16진수(16진법)로 표현하고, 세 쌍을 # 접두사와 결합합니다.

변환 공식

각 채널 값 V(0–255)에 대하여:

1. V를 16으로 나눕니다. 몫은 첫 번째 16진수 자리이고 나머지는 두 번째 자리입니다.
2. 10–15 숫자를 A–F 문자로 매핑합니다.
3. 결합: #RRGGBB

예시: RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (오렌지)

색상 형식 설명

HEX (16진수)

웹 개발에서 가장 일반적인 색상 표기법입니다. # 뒤에 RR, GG, BB를 나타내는 6개의 16진수 숫자가 옵니다. 각 쌍의 숫자가 동일할 때 단축형(#RGB)을 사용할 수 있습니다. 예: #FF0000 → #F00.

HSL (색상, 채도, 밝기)

디자이너에게 더 직관적인 모델입니다. 색상(Hue)은 색상환의 각도(0°–360°), 채도(Saturation)는 선명도(0–100%), 밝기(Lightness)는 검정(0%)에서 순수 색상(50%)을 거쳐 흰색(100%)까지의 범위입니다. HSL을 사용하면 단일 매개변수를 조정하여 색상 변형을 쉽게 만들 수 있습니다.

HSV / HSB (색상, 채도, 명도/밝기)

HSL과 유사하지만 밝기를 다르게 정의합니다. 명도(Value) 100%는 해당 색상과 채도에서 가장 밝은 상태를 의미합니다. 이 모델은 Photoshop 및 Figma와 같은 많은 그래픽 디자인 응용 프로그램에서 사용됩니다.

CMYK (시안, 마젠타, 노랑, 블랙)

인쇄에 사용되는 감산 혼합 색상 모델입니다. 화면은 빛을 더하지만(RGB), 프린터는 빛을 흡수하는 잉크를 섞습니다(CMYK). 디지털 디자인을 실제 인쇄물로 준비할 때 정확한 색상을 보장하기 위해 CMYK로의 변환이 필수적입니다.

색상 조화 유형

색상 조화는 색상환에서의 위치에 따른 색상 조합입니다. 이 도구는 네 가지 유형을 생성합니다.

• 보색(Complementary): 색상환에서 정반대에 위치한 색상(180° 차이). 최대 대비와 시각적 충격을 줍니다.
• 유사색(Analogous): 색상환에서 인접한 색상(±30°). 자연에서 흔히 볼 수 있는 조화롭고 편안한 디자인을 만듭니다.
• 보색 대비(Triadic): 일정한 간격(120° 차이)으로 떨어진 세 가지 색상. 균형을 유지하면서도 활기찬 대비를 제공합니다.
• 분할 보색(Split-Complementary): 보색에 인접한 두 가지 색상(150° 및 210°). 더 많은 다양성을 가진 보색의 부드러운 대안입니다.

WCAG 접근성 대비

웹 콘텐츠 접근성 지침(WCAG)은 가독성을 보장하기 위해 대비비를 정의합니다.

일반적인 RGB 16진수 변환

자주 묻는 질문

RGB를 16진수로 어떻게 변환하나요?

RGB를 16진수로 변환하려면 각 색상 채널 값(0-255)을 16으로 나누어 몫과 나머지를 구한 다음, 각각을 16진수 숫자(0-9, A-F)에 매핑합니다. 세 개의 2자리 16진수 값을 결합하고 앞에 #을 붙입니다. 예를 들어, RGB(255, 165, 0)은 #FFA500이 됩니다: 255→FF, 165→A5, 0→00.

RGB와 16진수 색상 코드의 차이점은 무엇인가요?

RGB와 16진수는 서로 다른 표기법을 사용하여 동일한 색상을 나타냅니다. RGB는 rgb(255, 0, 0)과 같이 빨강, 초록, 파랑 채널에 대해 세 개의 10진수를 사용합니다. 16진수는 #FF0000과 같이 # 뒤에 6개의 16진수 숫자를 사용합니다. 둘 다 동일한 색상 정보를 인코딩합니다.

16진수는 어떤 색상 모델을 사용하나요?

16진수 색상 코드는 컴퓨터 디스플레이에서 사용하는 것과 동일한 모델인 RGB(Red, Green, Blue) 가산 혼합 색상 모델을 사용합니다. 6개의 16진수 숫자는 세 쌍을 나타내며, 각각 빨강, 초록, 파랑의 강도를 나타냅니다.

WCAG 대비비란 무엇인가요?

WCAG 대비비는 두 색상 간의 휘도 차이를 측정하여 시각 장애가 있는 사용자의 텍스트 가독성을 확인하는 기준입니다. 비율은 1:1에서 21:1까지이며, 일반 텍스트의 경우 최소 4.5:1(AA 수준)이 권장됩니다.

RGB를 HSL로 어떻게 변환하나요?

RGB를 HSL로 변환하려면 R, G, B를 0-1로 정규화한 후 최대값과 최소값을 찾아 밝기를 계산합니다. 그 다음 밝기에 따라 채도를 구하고, 지배적인 채널에 따라 색상 각도를 계산하여 0°에서 360° 사이의 값을 얻습니다.

CMYK란 무엇이며 언제 사용해야 하나요?

CMYK는 시안, 마젠타, 노랑, 블랙을 의미하며 인쇄에 사용되는 색상 모델입니다. 화면용 디자인을 실제 종이나 물체에 인쇄할 때 색상 왜곡을 줄이기 위해 사용합니다.

추가 자료

• WCAG 2.1 대비 지침