온라인 색상 밝기 조절 도구

이 도구가 해결하는 문제

디자인 작업에서 버튼, 배경, 텍스트 등에 사용할 색상을 하나 골랐을 때, 같은 색의 더 밝은 변형이 필요할 때가 많습니다. 이 도구는 색상 선택과 밝기 조절을 한 화면에서 처리하여, 별도 소프트웨어 없이도 빠르게 밝은 색을 얻을 수 있게 합니다.

실제 입력과 예상 출력

예를 들어 기준 색상으로 검정(#000000)을 선택하고 밝기 비율을 50%로 설정하면, 각 채널이 0 + (255-0)*0.5 = 127.5 → 반올림하여 128이 되어 결과는 #808080이 됩니다. 비율 0%에서는 원래 색상이 유지되고, 100%에서는 흰색(#FFFFFF)이 됩니다.

주요 파라미터와 처리 방식

• 기준 색상: HEX, RGB, HSV, HSL 필드 또는 포인터 선택기로 지정
• 밝기 비율: 0~100 슬라이더 (기본 20)
• 알고리즘: 각 RGB 채널을 흰색으로 선형 보간 (채널 + (255-채널)*비율/100)
• 범위를 벗어난 비율은 자동으로 경계값으로 조정되며, 숫자가 아닌 값은 거부됩니다.

제한 사항

이 도구는 단일 색상만 처리하며, 업로드된 이미지의 픽셀을 변경하지 않습니다. 또한 접근성 대비를 측정하지 않으며, 알파 채널을 유지하지 않습니다. 따라서 생성된 색상이 텍스트/배경 조합으로 충분한 대비를 갖는지 보장하지 않습니다.

자주 묻는 질문

밝기 비율이 100%를 넘으면 어떻게 되나요?

비율은 0~100 범위로 제한됩니다. 100을 초과하는 값을 입력하면 100으로 간주되어 흰색(#FFFFFF)이 생성됩니다. 반대로 0 미만은 0으로 처리되어 원래 색상이 유지됩니다.

결과 색상이 왜 HSL 밝기 증가와 다른가요?

이 도구는 HSL 밝기(lightness)를 조절하는 것이 아니라, 각 RGB 채널을 흰색 방향으로 선형 보간합니다. 예를 들어 순수 빨강(#FF0000)을 50%로 밝게 하면 #FF8080이 되지만, HSL 밝기를 50% 올리면 다른 값이 나올 수 있습니다. 이 도구의 방식은 색상의 채도를 유지하면서 밝기를 높이는 데 유용합니다.

생성된 색상 값을 어떻게 복사하나요?

결과 색상 패널에는 HEX, RGB, HSV, HSL 값이 표시됩니다. 각 필드의 값을 직접 선택하여 복사하거나, 제공된 복사 기능을 사용할 수 있습니다. (정확한 복사 버튼 라벨은 제공되지 않았지만, 일반적으로 필드 옆의 복사 아이콘을 클릭하면 됩니다.)