HEX ↔ RGB 변환기

Hex-RGB 변환기란?

Hex-RGB 변환기는 16진수 색상 코드(예: #FF5733)를 RGB(빨강, 초록, 파랑) 10진수 동등값으로 변환합니다. CSS가 hex과 rgb() 색상 형식을 모두 지원하므로, 이 변환은 웹 개발에 필수적입니다.

Hex-RGB 변환기 사용 방법

1. 입력 영역에 한 줄에 하나씩 색상 값을 입력합니다. hex 코드(예: #FF5733 또는 FF5733)와 RGB 값(예: rgb(255, 87, 51) 또는 255, 87, 51) 모두 허용됩니다.
2. 변환하기를 클릭합니다. hex 입력은 RGB로, RGB 입력은 hex로 변환됩니다—양방향 변환이 가능합니다.
3. 복사 버튼으로 결과를 복사합니다.

주요 개념

hex 색상은 6자리 16진수를 사용합니다: 처음 두 자리는 빨강(00-FF), 가운데 두 자리는 초록, 마지막 두 자리는 파랑을 나타냅니다. 각 쌍은 base-16에서 0-255 사이의 10진수 값으로 변환됩니다. 예를 들어, #FF5733은 R=255, G=87, B=51로 분해됩니다. 약식 hex(#F00)는 각 자릿수를 두 번 반복하여 확장됩니다(#FF0000).

자주 묻는 질문

8자리 hex 코드는 어떤가요?

8자리 hex 코드에는 투명도를 위한 알파 채널이 포함됩니다. 마지막 두 자리는 00(완전 투명)에서 FF(완전 불투명)까지의 불투명도를 나타내며 RGBA 값으로 변환됩니다.

변환 공식이 있나요?

네. 각 hex 쌍은 독립적으로 변환됩니다: R = parseInt(hex[0..1], 16), G = parseInt(hex[2..3], 16), B = parseInt(hex[4..5], 16). 각 결과는 0에서 255 사이입니다.

CSS에서 어떤 형식을 사용해야 하나요?

CSS에서 둘 다 동등하게 유효합니다. hex는 더 간결하고(#FF5733), rgb(255, 87, 51)는 더 읽기 쉽습니다. 투명도가 필요할 때는 rgba()를 사용하세요.