HEX to RGB 변환기

HEX의 여섯 자리는 세 채널입니다

#RRGGBB에서 앞·가운데·끝 두 자리는 각각 빨강, 초록, 파랑의 16진수 값입니다. RGB는 그 값을 0부터 255까지의 숫자로 적습니다.

이미 가진 표기부터 입력하세요

디자인 시안에 HEX가 있으면 HEX 칸에, 코드에 RGB가 있으면 세 RGB 칸에 넣으면 됩니다. #은 붙여도 되고 빼도 되며 #f80 같은 세 자리 입력은 여섯 자리 색으로 풀립니다.

Alpha는 색이 아니라 불투명도입니다

Alpha 100%는 완전히 불투명하고 0%는 보이지 않습니다. RGB 채널이 같아도 Alpha가 달라지면 배경과 섞여 보이는 결과가 달라집니다.

붙여 넣을 곳이 형식을 정합니다

불투명한 단색이면 HEX 또는 RGB를, 투명도가 필요하면 HEXA 또는 RGBA를 고릅니다. HSL과 HSV는 색조와 채도를 조절하거나 읽을 때 유용하고, CSS 줄은 선언 형태가 필요할 때 씁니다.

흰색과 검은색 대비 카드는 첫 확인입니다

두 카드는 현재 색을 배경으로 했을 때 흰색 또는 검은색 글자의 대비 비율을 보여 줍니다. 실제 글자 크기, 굵기, 이미지 배경까지 대신 판단하지는 않습니다.

조화 색상은 현재 색에서 출발합니다

보색은 색상환의 반대편, 유사색은 가까운 각도, 삼각색은 세 방향으로 떨어진 색입니다. 제안 색을 선택한 뒤에도 대비와 실제 조합을 다시 확인하세요.

#FF8800을 RGB로 읽기

#FF8800은 rgb(255, 136, 0)입니다. 빨강은 최댓값이고 초록이 일부 섞이며 파랑은 0이라 주황 계열로 보입니다.

50% Alpha가 붙은 주황색

#FF8800에 Alpha 50%를 넣으면 RGBA는 rgba(255, 136, 0, 0.50), HEXA는 #FF880080으로 표시됩니다. 반투명 결과는 놓이는 배경에 따라 다르게 보입니다.

최근 색상은 현재 브라우저에 남습니다

이전에 고른 색은 같은 브라우저에서 다시 꺼내 볼 수 있습니다. 다른 기기나 다른 브라우저로 자동 전송되는 기록은 아닙니다.

코드를 붙이기 전 마지막 확인

RGB 각 채널이 0~255인지, Alpha가 필요한지, 쉼표와 괄호를 포함한 문법이 대상 환경에 맞는지, 실제 배경에서 글자가 읽히는지 확인하세요.

출력 형식 고르기

• HEX: 불투명한 6자리 색 코드
• HEXA: 끝 두 자리에 Alpha를 붙인 8자리 코드
• RGB·RGBA: 숫자 채널을 읽거나 투명도를 함께 쓸 때
• HSL·HSV: 색조와 채도 변화를 살필 때
• CSS: 선언 한 줄이 필요할 때

대비 값을 볼 때 함께 볼 것

• 본문인지 큰 글자인지
• 글자 굵기와 실제 글자색
• 색 뒤에 이미지나 그라데이션이 있는지
• 반투명 배경이 다른 색과 겹치는지

입력 전 정리

• HEX는 # 포함 여부와 3자리 단축 입력을 허용
• RGB는 각 채널을 0~255로 제한
• Alpha는 0%~100%로 지정
• 불투명 색만 쓸 때는 Alpha 100% 확인

작동 예: #FF8800과 Alpha 50%