HEX to RGB 변환기

사용 방법

1. 1

   변환 방향 선택

   'HEX → RGB'를 선택하면 HEX 색상 코드를 RGB 값으로, 'RGB → HEX'를 선택하면 반대로 변환합니다.

2. 2

   색상 값 입력

   HEX 모드에서는 #3B82F6 또는 3B82F6 같은 색상 코드를 입력하세요(3자리 약식도 지원). RGB 모드에서는 빨강, 초록, 파랑 값(0~255)을 입력하세요.

3. 3

   미리보기 및 형식 비교

   색상 견본 미리보기가 표시되며 HEX, RGB, HSL 형식의 색상 값이 동시에 나타납니다.

4. 4

   원하는 형식 복사

   HEX, RGB 또는 HSL 값을 클릭하면 클립보드에 복사되어 CSS, 디자인 도구 또는 코드에서 사용할 수 있습니다.

자주 묻는 질문

HEX 색상 코드란 무엇인가요?

HEX 색상 코드는 빨강, 초록, 파랑 채널을 나타내는 6자리 16진수(예: #FF5733)입니다. 각 쌍은 00~FF(10진수로 0~255) 범위입니다. #F00 같은 3자리 약식은 #FF0000으로 확장됩니다.

RGB와 HSL의 차이는 무엇인가요?

RGB는 빨강, 초록, 파랑의 빛 강도(각 0~255)로 색상을 정의합니다. HSL은 색조(0~360°), 채도(0~100%), 명도(0~100%)를 사용하며, 색상 조정이 더 직관적인 경우가 많습니다.

CSS 색상에 사용할 수 있나요?

네. 모든 출력 형식 — hex (#3B82F6), rgb(59, 130, 246), hsl(217, 91%, 60%) — 은 스타일시트와 인라인 스타일에서 작동하는 유효한 CSS 색상 값입니다.

잘못된 입력을 하면 어떻게 되나요?

도구가 입력을 실시간으로 검증합니다. 유효하지 않은 HEX 문자나 0~255 범위를 벗어난 RGB 값은 수정될 때까지 결과가 표시되지 않습니다.