HEX와 RGB는 같은 sRGB 채널 값을 다르게 적습니다

RGB는 빨강, 초록, 파랑 채널을 각각 0부터 255 사이의 십진수로 표시합니다. HEX는 같은 세 채널을 00부터 ff까지의 16진수 두 자리씩 이어 적습니다. 예를 들어 rgb(255, 0, 128)은 #ff0080입니다.

W3C의 CSS Color Module Level 4는 sRGB를 red·green·blue 세 값으로 표현하며 #RRGGBB와 rgb()가 같은 sRGB 색상을 나타낼 수 있다고 정의합니다.

변환 방법

HEX → RGB: 두 자리 16진수를 0~255 십진수로 변환
RGB → HEX: 각 0~255 값을 두 자리 16진수로 변환

#2f6f4e에서 2f는 47, 6f는 111, 4e는 78입니다. 3자리 HEX인 #3a7을 입력하면 각 문자를 두 번 반복한 #33aa77로 확장해 계산합니다.

입력 방법HEX 입력칸, RGB 세 입력칸 또는 브라우저 색상 선택기 중 아무 곳이나 바꾸면 나머지 표기와 미리보기가 함께 업데이트됩니다.

H는 0~360도의 색상 각도, S는 채도, L은 밝기입니다. HSL은 사람이 색의 성격을 조정하기 편한 표현이지만 화면에 표시될 때는 sRGB 색상으로 해석됩니다. 이 계산기는 불투명 색상만 다루며 alpha 투명도는 포함하지 않습니다.

표시 장치의 색 영역, 컬러 프로파일과 브라우저 렌더링에 따라 같은 숫자도 실제로 보이는 색이 다를 수 있습니다. 디자인 시스템에서는 값과 함께 사용 목적과 대비 기준을 기록하는 편이 좋습니다.