이미지 및 디자인 도구

색조 조정 도구

입력에 맞는 형식을 선택하고 색상과 도 단위 이동량을 입력합니다. 출력도 같은 형식입니다. HSL/HSV 채도와 명도/밝기는 0~100%, 알파는 0~1로 제한합니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

사용 방법

사용 방법

  1. HEX, HSL 또는 HSV를 선택하고 해당 형식의 색상을 입력합니다.
  2. 도 단위 색조 이동량을 입력하고 결과를 확인합니다.
  3. 결과를 복사합니다. 색상 데이터는 업로드하지 않습니다.

지원 구문

HEX는 3, 4, 6, 8자리를 받으며 #는 선택 사항입니다. HSL과 HSV는 해당 함수 이름, 십진 색조(선택적 deg), 두 백분율과 선택적 슬래시 알파(숫자 또는 백분율)를 사용합니다. 전체 CSS 색상 구문을 해석하지는 않습니다.

반올림과 범위

HSL/HSV는 소수 첫째 자리, 알파는 셋째 자리로 표시합니다. HEX 채널과 알파는 바이트로 반올림합니다. 색조가 반올림되어 360°로 보일 수 있으며 0°와 같습니다. 해석된 채도, 명도/밝기, 알파를 유지하지만 대비나 접근성을 인증하지 않습니다.

자주 묻는 질문

더 알아보기

형식을 바꾸어 같은 텍스트를 변환할 수 있나요?

아니요. 입력 구문에 맞는 형식을 선택하며 출력도 같은 형식입니다.

알파를 유지하나요?

입력 제한 후 값을 유지하지만 표시와 HEX 바이트 반올림으로 표기 정밀도가 달라질 수 있습니다.