온라인 단색 팔레트 생성기

단색 팔레트란 무엇인가?

단색 팔레트는 하나의 색조(hue)와 채도(saturation)를 유지하면서 밝기(lightness)만 변화시킨 색상 모음입니다. 이 도구는 기준 색상을 HSL 색상 공간에서 정수로 변환한 뒤, 밝기를 12%에서 88%까지 균등한 간격으로 나누어 음영을 생성합니다. 예를 들어 기준 색상 #FF0000(빨강)과 개수 3을 선택하면 다음과 같은 결과가 나옵니다.

• #3D0000 (밝기 12%)
• #FF0000 (밝기 50%)
• #FFC2C2 (밝기 88%)

이 예시에서 원래 기준 색상이 정확히 중간 밝기일 때만 출력에 포함됩니다. 기준 색상의 밝기가 50%가 아니라면 원래 HEX 값이 팔레트에 나타나지 않을 수 있습니다.

주요 기능

• 색상 입력: HEX, RGB, HSV, HSL 형식 지원
• 음영 개수: 3~12개 (기본 6개)
• 개별 음영 편집: 각 스와치의 색상 값을 직접 수정 가능
• 초기화: 기준 색상과 개수를 기본값으로 복원

사용 예시

웹 디자인에서 버튼, 배경, 텍스트 등에 사용할 일관된 색상 체계를 만들고 싶다면, 브랜드 색상을 기준으로 단색 팔레트를 생성해보세요. 예를 들어 기준 색상 #1E90FF(도저블루)와 개수 5를 선택하면 밝기가 12%, 31%, 50%, 69%, 88%인 5개의 음영이 생성됩니다. 이 음영들을 이용해 헤더, 본문, 강조 요소 등에 적용할 수 있습니다.

제한 사항

• 이 도구는 HSL 밝기 변화만 적용하며, 물리적 페인트 혼합이나 불투명도 페이딩, 지각적으로 균일한 음영이 아닙니다.
• 생성된 색상의 텍스트/배경 대비는 별도로 확인해야 합니다.
• 회색 계열은 채도가 0이므로 항상 무채색으로 유지됩니다.
• 모든 처리는 브라우저에서 로컬로 실행되며, 이미지 업로드나 AI 기능이 없습니다.

자주 묻는 질문

생성된 팔레트에 원래 기준 색상이 포함되지 않는 이유는 무엇인가요?

이 도구는 기준 색상의 밝기를 무시하고, 밝기 12%에서 88% 사이의 균등한 간격으로 음영을 생성합니다. 따라서 기준 색상의 밝기가 정확히 50%가 아니라면 원래 색상이 출력에 포함되지 않을 수 있습니다. 예를 들어 #FF0000은 밝기가 50%이므로 개수 3일 때 중간 음영으로 포함됩니다.

음영 개수에 소수를 입력하면 어떻게 되나요?

소수는 0 방향으로 절단(truncation)된 후 3~12 범위로 제한됩니다. 예를 들어 3.8은 3으로 처리되고, 100은 12로 제한됩니다. 유효하지 않은 값(예: 비숫자)은 기본값 6으로 대체됩니다.

개별 음영을 편집하면 팔레트에 어떤 영향이 있나요?

각 음영은 독립적으로 편집할 수 있으며, 편집한 값은 해당 스와치에만 반영됩니다. 이로 인해 단일 색조 관계가 깨질 수 있으므로, 편집 후에는 색상 조화를 직접 확인해야 합니다.

체크리스트

• 기준 색상을 선택했는지 확인
• 원하는 음영 개수(3~12)를 설정했는지 확인
• 계산 버튼을 눌렀는지 확인
• 필요한 경우 각 음영을 편집했는지 확인
• 텍스트와 배경의 대비를 별도로 확인했는지 확인