HEX ↔ RGB 변환기
HEX 색상을 RGB로, RGB 색상을 HEX로 양방향 변환합니다.
HEX와 RGB
HEX와 RGB는 본질적으로 같은 색상 정보를 다른 표기법으로 나타낸 것입니다. HEX 코드 #3b82f6은 RGB로 표현하면 rgb(59, 130, 246)입니다. HEX는 16진수(0~F)로, RGB는 10진수(0~255)로 빨강, 초록, 파랑 각 채널의 값을 표현합니다.
CSS에서는 두 형식 모두 사용할 수 있습니다. HEX는 짧고 간결해서 디자인 토큰이나 변수에 자주 쓰이고, RGB는 투명도를 포함한 rgba() 형식으로 확장할 수 있어 오버레이나 그림자 색상에 유용합니다. JavaScript에서 색상을 프로그래밍적으로 조작할 때는 각 채널 값에 직접 접근할 수 있는 RGB가 더 편리합니다.
HEX 형식
#RRGGBB — 16진수 6자리. 축약형 #RGB 3자리도 지원
RGB 형식
rgb(R, G, B) — 각 채널 0~255. 투명도 포함 시 rgba() 사용