← 도구 목록
🎨

HEX↔RGB 변환기

HEX ↔ RGB 상호 변환

HEX↔RGB 변환기 - 무료 온라인 색상 코드 변환

웹 디자인, 앱 개발, 그래픽 작업에 필요한 HEX 색상코드와 RGB 값을 즉시 변환합니다. 실시간 색상 미리보기로 정확한 색상을 확인할 수 있습니다.

HEX↔RGB 변환기 사용 방법

  1. HEX → RGB: HEX 코드(예: #FF5733)를 입력하고 'HEX → RGB' 버튼을 클릭합니다.
  2. RGB → HEX: R, G, B 각 값(0~255)을 입력하고 'RGB → HEX' 버튼을 클릭합니다.
  3. 변환 결과와 함께 실제 색상 미리보기가 표시됩니다.

색상 코드 종류

  • HEX (16진수): #RRGGBB 형식으로 웹 CSS에서 가장 많이 사용됩니다. 예: #FF0000은 빨간색
  • RGB: Red, Green, Blue 각각 0~255 값으로 표현합니다. 예: rgb(255, 0, 0)은 빨간색
  • HSL: 색상(Hue), 채도(Saturation), 명도(Lightness)로 표현하는 방식

자주 사용하는 색상 코드

  • 흰색: #FFFFFF = RGB(255, 255, 255)
  • 검정: #000000 = RGB(0, 0, 0)
  • 빨강: #FF0000 = RGB(255, 0, 0)
  • 파랑: #0000FF = RGB(0, 0, 255)
  • 초록: #00FF00 = RGB(0, 255, 0)

자주 묻는 질문

Q. HEX 코드는 어떻게 읽나요?

A. #RRGGBB에서 RR은 빨강, GG는 초록, BB는 파랑의 16진수 값입니다. 00이 최소(어두움), FF가 최대(밝음)입니다.

Q. HEX와 RGB 중 어떤 걸 써야 하나요?

A. CSS에서는 둘 다 사용 가능합니다. HEX는 짧아서 코드에 많이 쓰고, RGB는 투명도(alpha)를 추가할 때 rgba() 형태로 유용합니다.

Q. 3자리 HEX 코드(예: #F00)는 무엇인가요?

A. 6자리의 축약형입니다. 각 자리를 두 번 반복하면 원래 값이 됩니다. #F00 = #FF0000 (빨간색)

다른 도구 보기