흑백 사진도
색상별로 밝기 조절

예제는 빨강 75, 노랑 90입니다. 나머지는 기본값인 초록 40·청록 60·파랑 20·자홍 80을 유지했습니다. 피부에서 흔히 나타나는 빨강과 노랑 계열의 흑백 밝기를 올린 설정입니다.

패널의 색 이름은 최종 사진에 남길 색이 아닙니다. 원본에서 그 색에 가까운 부분을 얼마나 밝은 회색으로 바꿀지 정하는 값입니다. 피부 전용 조절은 아니므로 같은 색의 사물도 영향을 받습니다.

위의 보정 후 사진에는 마지막 단계의 색조 입히기까지 포함되어 있습니다. 옆의 화면은 색조를 넣기 전, 빨강과 노랑의 밝기를 조절하는 부분입니다.

슬라이더는 −100~300 범위입니다. 값이 크다고 항상 디테일이 더 잘 보이는 것은 아닙니다. 계산 결과가 흰색이나 검정으로 제한되면 그 부분의 차이는 줄어듭니다.

회색 밝기는 RGB의 최솟값과 최댓값, 앞서 구한 가중치로 계산합니다. 채널값은 0~1로 정규화되어 있습니다. 계산한 회색을 R·G·B 세 채널에 똑같이 넣으면 흑백이 됩니다.

const lo = Math.min(r, g, b);
const hi = Math.max(r, g, b);
const gray = clamp(lo + (hi - lo) * weight);
out.fill(gray);

원래부터 회색인 픽셀은 세 채널값이 같습니다. 따라서 hi − lo가 0이 되어 색상별 슬라이더를 움직여도 그대로 남습니다. 반대로 순수한 빨강은 가중치의 영향이 크게 나타납니다.

이 식은 RGB에 고정 가중치를 곱해 더하는 일반적인 휘도 계산과 다릅니다. 여섯 색의 밝기를 개별적으로 조절하는 기능에 맞춰 구현한 변환입니다.

자동 흑백은 사진의 R·G·B 평균값으로 슬라이더의 시작값을 제안합니다. 각 채널의 평균과 전체 평균의 차이를 구하고, 여기에 0.3을 곱해 기본 슬라이더값에 더합니다. 사진의 의미를 판단하는 AI 기능은 아닙니다.

‘사진의 색을 밝게 +10’과 ‘어둡게 −10’은 클릭한 색에 가장 가까운 기본 색상 하나를 고릅니다. 해당 슬라이더를 10만큼 바꾸는 방식입니다. 회색처럼 채널 간 차이가 작은 픽셀은 색 선택 대상에서 제외합니다.

흑백 변환에서 두 색 사이를 보간하는 계산과, 버튼으로 가장 가까운 색 하나를 고르는 동작은 서로 다릅니다. 구현 목적에 따라 이렇게 나누었습니다.