본문으로 건너뛰기

밝기·대비 보정

Brightness & Colour Adjust

밝기·대비·채도·색온도·선명도를 히스토그램을 보며 조절합니다.

보통 한데 섞여 있지만 섞으면 안 되는 두 종류의 보정입니다. 위쪽은 CSS 필터 함수들이고 명세가 정의한 그대로 계산하므로, 아래에 찍히는 CSS를 브라우저에 넣으면 같은 그림이 나옵니다. 아래쪽은 노출·화이트밸런스·감마 같은 사진 보정이고, 이 연산들이 실제로 정의된 자리인 선형 광량에서 동작합니다.

🔒 브라우저 안에서만 처리filteradjustphotocolor

사진을 놓으세요

보정은 이 탭에서 돌아갑니다. 큰 이미지는 잠시 걸리며 아무것도 업로드하지 않습니다.

사용 방법

  1. 조절하고 CSS를 복사합니다

    위쪽 그룹을 건드리면 패널 아래 filter 문자열에 그대로 나타납니다. 스타일시트에 붙여 넣으면 브라우저가 여기서 본 것과 같게 그립니다.

  2. 사진에는 밝기 대신 노출을 씁니다

    노출은 스톱 단위입니다. +1이면 빛이 두 배가 되는데, 픽셀 값을 두 배로 만드는 것과는 다릅니다. 사진에서는 카메라가 하는 방식대로 동작합니다.

  3. 잘림 수치를 봅니다

    히스토그램 양 끝의 뾰족한 값은 256칸 중 한 칸이라 그래프에서는 보이지 않습니다. 그래서 비율을 옆에 적어 둡니다.

자주 묻는 질문

밝기와 노출이 왜 둘 다 있나요?

서로 다른 연산이기 때문입니다. `brightness()`는 sRGB 코드값을 곱하며 브라우저가 하는 방식이고, 노출은 빛의 양을 곱하며 카메라가 하는 방식입니다. 앞은 CSS로 재현되고 뒤는 사진에서 옳습니다.

하얗게 날아간 하늘을 살릴 수 있나요?

못 살립니다. 잘렸다는 것은 그 자리 픽셀이 전부 255라 구분할 것이 남아 있지 않다는 뜻입니다. 노출을 내리면 흰색이 회색이 될 뿐 구름은 돌아오지 않습니다.

생동감은 채도와 무엇이 다른가요?

이미 채도가 높은 픽셀일수록 덜 올립니다. 그래서 흐린 하늘은 많이 움직이고 피부색은 조금만 움직입니다. 그냥 채도는 전부 똑같이 올리고, 그래서 얼굴이 주황빛이 됩니다.

이 도구로 이어지는 것

다음 단계

이 도구의 결과를 그대로 받을 수 있는 도구들입니다.