상대 휘도 계산기 – WCAG 색상 명암 확인
상대 휘도 계산기는 WCAG 기준으로 색상이 얼마나 밝게 보이는지 측정하며, 검은색 0부터 흰색 1까지의 값을 사용합니다. sRGB 전달 함수와 시각적 가중치를 적용해 휘도를 계산한 뒤, 검은색 글자 또는 흰색 글자를 선택하는 기준점 0.179을 사용합니다. 색상을 입력하고, 사용 가능한 옵션을 조정한 뒤, 결과를 확인하고 복사하세요.
상대 휘도 계산기는 WCAG에서 정의한 상대 휘도를 사용해 색상이 얼마나 밝게 보이는지 측정합니다. 검은색 0부터 흰색 1까지의 값을 사용합니다. 이 브라우저 기반 도구는 색상 위 검은색 대비와 흰색 대비가 교차하는 지점인 0.179 기준값을 사용해 밝은 글자 또는 어두운 글자를 선택합니다.
사용하려면 색상을 입력·붙여넣기·드롭하고, 필요하면 사용 가능한 옵션을 조정한 뒤, 결과를 확인하세요. 계산에는 sRGB 전달 함수와 채널별 눈의 민감도가 반영됩니다. 그런 다음 자신의 워크플로에 사용할 결과를 복사할 수 있습니다. 입력에서 특정 색상 입력 형식이나 각 옵션의 설명은 제공하지 않으므로, 자세한 내용은 도구의 인터페이스를 확인하세요.
상대 휘도는 이 척도에서 색상이 얼마나 밝게 보이는지를 나타내며, 명암비와 같은 것은 아닙니다. 0.179 교차점은 검은색과 흰색 글자 중 하나를 선택하는 기준을 제공하므로, 인터페이스 색상을 검토하거나 팔레트를 다룰 때 계산이 유용합니다. 개발자와 디자이너는 이 값을 글자색 결정에 참고할 수 있지만, 완전한 접근성 평가로 여기지는 마세요.
이 도구는 브라우저에서 완전히 동작하며, 입력은 사용자의 기기에서 처리됩니다. 업로드·저장·서버 전송되는 데이터가 없습니다. 무료이며, 페이지가 로드된 후에는 인터넷 연결 없이도 동작합니다. 소프트웨어를 설치하거나 색상 데이터를 온라인 서비스와 공유하지 않고 빠르게 색상을 확인하려는 개발자, 디자이너, DevOps 엔지니어에게 유용합니다.
1단계: 입력으로 사용할 색상을 입력·붙여넣기·드롭하세요. 도구가 이를 사용해 상대 휘도를 계산합니다.
2단계: 필요하면 사용 가능한 옵션을 조정하세요. 이 도구에는 옵션이 있지만, 구체적인 설정은 여기서 설명하지 않습니다.
3단계: 계산된 휘도와 밝은 글자 또는 어두운 글자 선택을 확인하세요. 0.179 기준값은 색상 위 검은색 대비와 흰색 대비가 교차하는 지점입니다.
4단계: 개발이나 디자인 워크플로에 사용할 수 있도록 결과를 복사하세요.
사용 사례: 로컬 도구를 설치하지 않고 색상의 상대 휘도를 계산하세요. 개발 중 빠른 결과가 필요할 때 유용합니다.
사용 사례: 인터페이스의 색상에 밝은 글자와 어두운 글자 중 어느 쪽이 제안되는지 확인하세요. 0.179 기준값이 그 선택의 기준이 됩니다.
사용 사례: 사용 중인 머신의 브라우저에서 바로 작업하세요. 로컬에 소프트웨어를 설치하지 않고도 색상을 입력하고 결과를 복사할 수 있습니다.
사용 사례: 내부 색상 데이터를 서드파티 서비스에 붙여넣지 마세요. 계산은 브라우저에서 실행되며 입력이 서버로 전송되지 않습니다.
사용 사례: 디자인 시스템이나 앱 팔레트에 사용된 색상을 검토하세요. 상대 휘도를 계산하면 글자색 선택에 도움이 됩니다.
사용 사례: 접근성 검토 중 빠르게 확인하세요. 결과는 색상에 검은색과 흰색 중 어느 글자가 더 적합한지 판단하는 데 도움이 됩니다.