색상 변환기
편집 가능한 HEX, RGB, RGBA, HSL, HSLA 및 HSV 값을 변환하고 동일한 색상을 미리 보며 코드나 디자인 시스템에 필요한 형식을 복사합니다…
사용 시작
이 도구가 도움이 되는 작업
편집 가능한 HEX, RGB, RGBA, HSL, HSLA 및 HSV 값을 변환하고 동일한 색상을 미리 보며 코드나 디자인 시스템에 필요한 형식을 복사합니다.
작동 예시
입력
#3B82F6
결과
rgb(59, 130, 246) · hsl(217, 91%, 60%)
결과 생성 방식
RGB는 빨강, 초록, 파랑 채널 강도를 저장합니다. HSL은 색상, 채도, 명도를 나타내고 HSV는 명도 대신 값(value)을 사용합니다. 변환은 반올림 및 색역 제한에 따라 표현된 색상을 보존합니다.
유용한 사용 사례
- 디자인 파일 색상을 CSS로 변환
- 브랜드 HEX 값에서 편집 가능한 HSL 변형 생성
- 오버레이 사용 전 알파 값 확인
중요한 제한 사항
- 알파 채널이 없는 HEX는 완전히 불투명합니다.
- 반복 변환은 채널이 반올림되므로 마지막 숫자가 변경될 수 있습니다.
- 동일한 숫자 값도 보정되지 않은 디스플레이에서는 다르게 보일 수 있습니다.
자주 묻는 질문
HEX와 RGB 색상은 다른가요?
두 표기법은 동일한 RGB 채널 모델을 나타냅니다. #3B82F6와 rgb(59,130,246)는 같은 색상입니다.
색상을 변환하면 대비가 개선되나요?
아니요. 변환은 표기법만 변경하며 대비는 변경하지 않습니다. 실제 전경과 배경 쌍을 테스트하세요.
처리는 브라우저에서 로컬로 수행됩니다.