HEX와 RGB 색상 변환: #RRGGBB가 실제로 의미하는 것

HEX는 RGB 채널을 16진수로 적은 것입니다

#RRGGBB 형식에서 RR은 빨강, GG는 초록, BB는 파랑 채널입니다. 각 채널은 00부터 FF까지이고, 10진수로는 0부터 255에 해당합니다.

예를 들어 #FF0000은 빨강 255, 초록 0, 파랑 0이므로 순수한 빨강입니다. #FFFFFF는 세 채널이 모두 최대라 흰색이고 #000000은 모두 0이라 검정입니다.

#F0A처럼 세 자리로 적힌 색은 각 자리를 두 번 반복해 #FF00AA로 해석합니다. 아무 세 자리 값을 임의로 여섯 자리 앞부분에 붙이는 방식이 아닙니다.

정확한 색상 지정이 필요하면 여섯 자리 표기를 사용하면 혼동을 줄일 수 있습니다.

일반적인 8비트 RGB에서 각 채널은 0~255입니다. 300이나 음수 같은 값은 표준 RGB 채널 값이 아니므로 입력 검증이 필요합니다.

CSS에서는 rgb()에 퍼센트나 현대적인 구문을 사용할 수 있지만 단순 HEX 변환에서는 최종적으로 각 채널의 8비트 값으로 해석됩니다.

#RRGGBBAA처럼 여덟 자리 HEX는 마지막 AA가 알파(투명도)입니다. RGB 세 채널만 변환하는 도구에서는 이 값을 별도로 다뤄야 할 수 있습니다.

디자인 도구에서 복사한 색상이 예상과 다르면 알파값이나 배경색이 섞여 보이는지 확인하세요. 반투명 색은 배경에 따라 화면에서 다른 색처럼 보입니다.

HEX 코드와 RGB 값을 서로 변환해 같은 색을 다른 표기법으로 확인할 수 있습니다. 복사할 때 # 포함 여부와 알파값을 구분하세요.

이 글은 omtools에서 실제로 제공하는 브라우저 도구의 동작 방식과 결과 확인 절차를 기준으로 작성했습니다. 중요한 작업은 원본을 별도로 보관하고 결과를 실제 사용 환경에서 다시 확인하는 것을 권장합니다.