색상 변환기
이 색상 변환기는 어떤 색이든 HEX, RGB, HSL 사이에서 변환하고, 세 가지 형식을 동시에 갱신하며 실시간 미리보기 견본을 보여 줍니다.
이 도구 소개
이 색상 변환기는 어떤 색이든 HEX, RGB, HSL 사이에서 변환하고, 세 가지 형식을 동시에 갱신하며 실시간 미리보기 견본을 보여 줍니다.
사용 방법
- HEX 코드, RGB 값, HSL 값 중 하나를 입력하거나 색상 선택기로 색을 고릅니다.
- 나머지 두 형식과 미리보기가 자동으로 갱신됩니다.
- 아이디어가 필요하면 랜덤 색상을 사용하고, HEX 복사나 RGB 복사를 누릅니다.
알아두면 좋은 점
- HEX는 RGB를 16진수로 표기한 것으로 #RRGGBB의 각 쌍은 00–FF(10진수 0–255)입니다.
- #0af 같은 3자리 축약형은 #00aaff로 확장됩니다.
- HSL은 색을 색상(0–360°), 채도(0–100%), 명도(0–100%)로 표현합니다.
- HEX, RGB, HSL은 같은 sRGB 색을 나타내므로 서로 변환해도 색이 바뀌지 않습니다.
모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.
자주 묻는 질문
HEX를 RGB로 어떻게 변환하나요?
여섯 자리를 두 자리씩 세 쌍으로 나누고 각 쌍을 16진수에서 10진수로 변환합니다. 예를 들어 #1DB954는 rgb(29, 185, 84)입니다.
HEX 대신 HSL을 쓰면 좋은 경우는 언제인가요?
HSL은 숫자 하나만 바꿔 더 밝거나 어둡거나 채도가 낮은 변형 색을 쉽게 만들 수 있어 디자인 시스템에 유용합니다.
변환하면 색 정확도가 떨어지나요?
이 도구는 HSL 값을 정수로 반올림하므로 왕복 변환 시 채널 값이 한 단계 달라질 수 있지만, 눈에 보이는 차이는 거의 없습니다.
서버로 전송되는 것이 있나요?
아니요. 모든 변환은 브라우저에서 이루어집니다.