⚪그레이스케일 변환 색상 생성기

Rec.601·Rec.709·선형광 3종 회색 값 동시 생성

방식가중치 R / G / B계산 공간회색 값 (0~255)HEX

브라우저의 filter: grayscale(1) 은 Rec.709 계열 가중치를 쓰도록 정의돼 있지만 어느 공간에서 계산하는지가 구현과 설정에 따라 달라질 수 있어, 위 세 값과 항상 같다고 단정하지 않습니다.

관련된 도구

같은 색이 세 가지 회색으로 나오는 이유

색을 흑백으로 바꾸는 식은 하나가 아닙니다. 어떤 가중치를 쓰고 어느 공간에서 계산하느냐에 따라 같은 색이 눈에 띄게 다른 회색이 됩니다. 그래서 널리 쓰이는 세 가지를 한 번에 계산해 나란히 보여 주고, 각 줄에 가중치와 계산 공간을 적어 어떤 값을 복사하는지 분명히 알 수 있게 했습니다.

세 가지 방식

Rec.601 루마는 0.299 · 0.587 · 0.114 가중치로, 전통적인 영상 규격과 많은 이미지 편집기가 쓰는 값입니다. Rec.709 루마는 0.2126 · 0.7152 · 0.0722 가중치로 sRGB와 HDTV 기준에 맞춘 값이며, 두 방식 모두 감마 인코딩된 값에 그대로 가중합니다. 선형광 휘도는 W3C가 정의한 sRGB 전달 함수(임계값 0.04045)로 선형화한 뒤 Rec.709 가중치를 적용하고 다시 인코딩합니다. 빛의 양을 기준으로 계산하므로 지각적으로 가장 타당하고, 보통 가장 밝은 회색이 나옵니다. 2026년 10월 기준 규격입니다.

한계

어느 방식이 정답인지는 정하지 않습니다. 기존 작업물과 맞춰야 하면 그 편집기가 쓰는 방식을, 처음 고르는 상황이면 선형광 쪽을 참고하세요. 이미지 파일을 통째로 변환하는 기능은 지원하지 않습니다.

자주 묻는 질문

세 값 중 어느 것을 써야 하나요?

맞춰야 할 작업물이 있으면 그 편집기가 쓰는 방식을 따르는 것이 안전합니다. 기준이 없다면 빛의 양으로 계산하는 선형광 휘도가 사람이 느끼는 밝기에 가장 가깝습니다.

CSS 의 filter: grayscale(1) 과 같은 값인가요?

같다고 단정할 수 없습니다. 이 필터는 Rec.709 계열 가중치로 정의돼 있지만 계산을 어느 공간에서 하는지가 구현과 설정에 따라 달라질 수 있습니다. 정확한 값이 필요하면 표의 값을 직접 쓰세요.

선형광 방식이 왜 더 밝게 나오나요?

감마 인코딩된 값에 바로 가중치를 곱하면 중간 구간이 실제 빛의 양보다 낮게 평가됩니다. 선형화해 더한 뒤 다시 인코딩하면 그 과소평가가 사라져 더 밝은 회색이 됩니다.