색상 변환기

HEX, RGB, HSL 색상 코드를 실시간 미리보기와 함께 상호 변환합니다.

색상 입력
미리보기
색상 값
색상을 입력하면 변환 결과가 표시됩니다
지원 형식
HEX #FF5733, #F53, ff5733
RGB rgb(255, 87, 51), 255, 87, 51
색상 형식이란 무엇인가요?

웹에서 색상은 여러 형식으로 표현할 수 있습니다. HEX는 16진수 표기법(#RRGGBB), RGB는 빨강, 초록, 파랑 성분(0-255), HSL은 색조(0-360), 채도, 명도(0-100%)를 사용합니다. 각 형식은 디자인 작업이나 프로그래밍적 색상 조작 등 다양한 용도에 장점이 있습니다.

색상 형식 상세

HEX 색상은 RGB 값을 16진수로 인코딩합니다(채널당 0-255). RGB는 색상 강도를 직접 지정합니다(0-255). HSL은 색상(색조)과 강도(채도/명도)를 분리하여 색상 변형을 만들기 더 직관적입니다. 모든 형식은 동일한 1670만 색상을 표현할 수 있습니다.

주요 사용 사례
  • 디자인 도구 색상을 CSS로 변환
  • 색상 테마 및 팔레트 생성
  • 색상 밝기 및 채도 조정
  • 플랫폼 간 브랜드 색상 맞추기
  • 색상 대비 접근성 테스트
형식 비교
HEX #RRGGBB - 간결함, 광범위한 지원, 복사/붙여넣기 용이
RGB rgb(R, G, B) - 프로그래밍적 조작에 직관적
HSL hsl(H, S%, L%) - 성분 조정으로 변형 생성이 용이
자주 묻는 질문

RGB 대신 HSL을 언제 사용해야 하나요?

HSL은 단일 성분만 조정하여 색상 변형(밝게, 어둡게, 채도 높게/낮게)을 만들 때 더 좋습니다. RGB는 색상 혼합이나 이미지 처리 작업에 더 적합합니다.

HEX 약식 표기란 무엇인가요?

HEX 약식은 6자리 대신 3자리를 사용합니다(#RRGGBB 대신 #RGB). 각 숫자가 두 번 반복됩니다: #F00은 #FF0000(빨강)이 됩니다. 각 쌍이 동일한 숫자일 때만 작동합니다.