CanDoYa
KO

RGB HEX 변환기

브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.

RGB 채널

0부터 255까지의 정수를 입력하세요.

미리 설정된 색상
색상 선택
6자리 HEX#4F46E5
HEX 채널 쌍
4F46E5
rgb(79, 70, 229)
이 도구 공유하기

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

빨강, 초록, 파랑 값을 각각 10진수에서 두 자리 16진수로 바꾼 뒤 # 다음에 이어 붙입니다. RGB(255, 87, 51)은 FF, 57, 33이 되므로 HEX 색상은 #FF5733입니다. 이 변환기는 계산을 실시간으로 처리하고 투명도용 알파 값도 추가할 수 있습니다.

사용 방법

  1. 1RGB 채널 입력. 빨강, 초록, 파랑을 0부터 255까지의 정수로 입력하거나 연동된 슬라이더를 조절합니다.
  2. 2실시간 미리보기 확인. 색상 견본과 6자리 HEX 결과가 즉시 바뀝니다. 견본을 클릭해 눈으로 색상을 고를 수도 있습니다.
  3. 3필요하면 투명도 추가. 투명도를 켜서 8자리 HEX 코드를 만든 다음 0부터 100까지의 백분율을 설정합니다.
  4. 4HEX 코드 복사. 복사를 눌러 CSS에 바로 쓸 수 있는 색상 코드를 클립보드에 저장합니다.

이런 분께 추천

RGB 채널은 0부터 255까지의 10진수 값을 사용합니다. HEX는 같은 세 개의 색상 채널을 00부터 FF까지의 16진수 두 자리로 표시합니다. 값을 직접 입력하거나 슬라이더를 움직이고, 미리 설정된 색상을 선택하거나 미리보기를 클릭해 브라우저 색상 선택기를 사용할 수 있습니다. 8자리 #RRGGBBAA 형식이 필요하면 투명도를 켜세요. 변환은 브라우저 안에서만 처리되며 업로드나 계정이 필요하지 않습니다.

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

자주 묻는 질문

RGB HEX 변환기는 무료인가요?

네. 가입, 다운로드, 변환 횟수 제한 없이 무료로 사용할 수 있습니다. RGB 채널을 입력하거나 슬라이더 또는 색상 선택기를 사용한 뒤 결과를 바로 복사하세요.

RGB 값이 업로드되나요?

아니요. RGB HEX 변환은 브라우저에서만 실행되는 간단한 계산입니다. 색상 값이 업로드되거나 외부 변환 서비스로 전송되지 않습니다.

어떤 RGB 값을 입력할 수 있나요?

빨강, 초록, 파랑 채널마다 0부터 255까지의 정수를 입력하세요. 0은 해당 채널의 색이 없다는 뜻이고 255는 최대 세기입니다. 소수, 빈 값, 범위를 벗어난 숫자는 자동으로 바꾸지 않고 오류로 표시합니다.

RGB를 HEX로 변환하는 공식은 무엇인가요?

각 RGB 채널의 10진수를 16진수로 바꾸고 두 자리로 맞춥니다. 빨강, 초록, 파랑 순서로 놓고 앞에 #을 붙입니다. rgb(255, 87, 51)의 각 쌍은 FF, 57, 33이며 합치면 #FF5733입니다.

HEX 색상에 투명도를 넣을 수 있나요?

네. CSS는 8자리 #RRGGBBAA 형식을 지원합니다. 마지막 두 자리가 알파 값이며 00은 완전 투명, FF는 완전 불투명입니다. 투명도를 켜면 백분율이 마지막 두 자리로 변환됩니다.

HEX의 대문자와 소문자는 다른가요?

아니요. CSS의 HEX 숫자는 대소문자를 구분하지 않으므로 #FF5733과 #ff5733은 같은 색입니다. 이 변환기는 채널 쌍을 쉽게 알아볼 수 있도록 대문자를 쓰지만 CSS와 웹 문서에서는 둘 다 사용할 수 있습니다.

50퍼센트 투명도가 HEX에서 80이 되는 이유는 무엇인가요?

알파 채널에는 00부터 FF까지 256개의 바이트 값이 있습니다. 255의 절반인 127.5를 반올림하면 128이고, 10진수 128은 16진수로 80입니다. 그래서 50퍼센트 불투명도는 마지막에 80을 붙입니다.