온라인 색상 밝기 조절 도구

이 도구가 해결하는 문제

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

실제 입력과 예상 출력

예를 들어 기준 색상으로 검정(#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% 올리면 다른 값이 나올 수 있습니다. RGB 채널을 반올림하므로 색상과 채도가 정확히 보존된다고 보장하지 않습니다.

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

결과 색상 패널에는 HEX, RGB, HSV, HSL 값이 표시됩니다. 각 필드의 값을 직접 선택하여 복사하거나, 제공된 복사 기능을 사용할 수 있습니다.

#3B82F6을 20%로 처리하면 #629BF8입니다. 다시 생성하면 기준 색상을 사용하며 이전 결과에 누적하지 않습니다. 색상 칸을 벗어나면 변경이 적용되고 잘못된 HEX는 마지막 유효 색상으로 돌아갑니다. 모두 복사는 원색·비율·현재 HEX 요약을 복사하며 패널의 모든 숫자 칸을 복사하지 않습니다. 개별 값은 칸을 선택해 복사하세요. 파일 입력이나 다운로드는 없고 비율 슬라이더는 정수 단위입니다.