이 도구 소개

이 색상 변환기는 어떤 색이든 HEX, RGB, HSL 사이에서 변환하고, 세 가지 형식을 동시에 갱신하며 실시간 미리보기 견본을 보여 줍니다.

사용 방법

  1. HEX 코드, RGB 값, HSL 값 중 하나를 입력하거나 색상 선택기로 색을 고릅니다.
  2. 나머지 두 형식과 미리보기가 자동으로 갱신됩니다.
  3. 아이디어가 필요하면 랜덤 색상을 사용하고, 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 값을 정수로 반올림하므로 왕복 변환 시 채널 값이 한 단계 달라질 수 있지만, 눈에 보이는 차이는 거의 없습니다.

서버로 전송되는 것이 있나요?

아니요. 모든 변환은 브라우저에서 이루어집니다.