LLumaGauge
AI 코딩 작업 공간

상대 휘도 대비

세 채널 8비트 RGB 색 두 개의 상대 휘도 대비를 계산합니다.

● ● ●LumaGauge●
작업 흐름 · 상대 휘도 대비 ×
def contrast_ratio(left, right):
    def luminance(rgb):
        if type(rgb) not in (list, tuple) or len(rgb) != 3:
            raise ValueError("rgb.container")
        rgb = tuple(rgb)
        if len(rgb) != 3 or any(type(c) is not int or not 0 <= c <= 255 for c in rgb):
            raise ValueError("rgb.channel")
        channels = [c / 255 for c in rgb]
        linear = [c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055)**2.4
                  for c in channels]
        return sum(c * w for c, w in zip(linear, (0.2126, 0.7152, 0.0722)))
    a, b = sorted((luminance(left), luminance(right)))
    return (b + 0.05) / (a + 0.05)
✳세 채널 8비트 RGB 색 두 개의 상대 휘도 대비를 계산합니다.
✓ 변경 사항적용하기 전에 검토하세요 ↗
작업 공간 예시 화면
  1. 프로젝트

    흑백, 동일 색과 뒤집은 인수를 확인하고 비율을 완전한 접근성 평가로 취급하지 않으며 정수가 아니거나 범위를 벗어난 채널을 거부합니다.

  2. 적용하기 전에 검토하세요

    실제 동작을 예상 결과와 비교하세요. 검사가 실패하면 다음 변경을 하기 전에 원인을 조사하세요.

  3. 모델

    기본 URL과 필요한 API 키로 OpenAI 호환 또는 Anthropic 엔드포인트를 설정하고 연결을 테스트하세요. 로컬 모델 서버는 실행 중이어야 합니다. 원격 도구는 데이터를 별도로 전송할 수 있습니다.

작업 흐름

상대 휘도 대비

작업 흐름 ↗
작업 흐름
def contrast_ratio(left, right):
    def luminance(rgb):
        if type(rgb) not in (list, tuple) or len(rgb) != 3:
            raise ValueError("rgb.container")
        rgb = tuple(rgb)
        if len(rgb) != 3 or any(type(c) is not int or not 0 <= c <= 255 for c in rgb):
            raise ValueError("rgb.channel")
        channels = [c / 255 for c in rgb]
        linear = [c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055)**2.4
                  for c in channels]
        return sum(c * w for c, w in zip(linear, (0.2126, 0.7152, 0.0722)))
    a, b = sorted((luminance(left), luminance(right)))
    return (b + 0.05) / (a + 0.05)
AI 코딩 작업 공간

색상 계산을 해당 인터페이스와 연결하세요

LumaGauge는 색상 계산에 의존하는 인터페이스 변경을 검토하는 Windows용 AI 코딩 소프트웨어입니다. 프로젝트를 열고 조사할 요소, 배경, 상태를 설명하세요. 렌더링된 인터페이스와 실제 입력을 작업의 중심에 두면서 연결된 보조 도구로 관련 코드를 살펴보고 수정을 논의할 수 있습니다.

luminance.py 예시는 대비 계산에 대한 집중된 요청을 제시합니다. 색상 값이 어디서 나오는지, 최종 표시 색상과 일치하는지 질문하세요. 애플리케이션이 렌더링 전에 값을 변환할 수 있으므로 도우미 함수만으로 시각적 문제를 해결할 수 없습니다. 예시를 프로젝트 맥락으로 사용하고 결과가 이를 사용하는 컴포넌트와 영향을 받는 동작에 이르는 경로를 추적하세요.

지원되는 OpenAI 호환 또는 Anthropic 엔드포인트가 제공한다면 제한 없는 AI 모델을 선택할 수 있습니다. 모델 기능, 도구 지원, 제한은 구성한 서비스가 제공합니다. 변경안을 검토한 뒤 수치 검증을 실행하고 관련 화면 상태를 살펴보세요. 디자인 토큰에만 의존하지 말고 최종 전경과 배경을 고려하세요. 이 작업 방식은 계산 결함과 잘못된 입력 또는 다른 수정이 필요한 표시 문제를 구분하는 데 도움이 됩니다.

색상 관련 소프트웨어 동작 검토

도우미 함수의 비율이 인터페이스를 인증하나요?

아닙니다. 그 값은 계산의 가정 아래 제공된 색상을 설명합니다. 실제 렌더링 상태와 해당 요소에 적용되는 기준을 검토하세요. 수치 결과 하나로 전체 화면이나 애플리케이션의 접근성이 입증되지는 않습니다.

CSS 불투명도가 보이는 색상을 바꾸면 어떻게 하나요?

소스 토큰을 최종 입력으로 보기 전에 실제 전경과 배경을 추적하세요. 렌더링된 요소와 관련 레이어를 살펴보세요. 계산이 초기 디자인 값이 아닌 사용자가 보는 색상을 받는지 확인하세요.

계산 테스트에는 어떤 입력이 유용한가요?

알려진 기준 색상 쌍, 동일한 색상, 허용 채널 경계값을 사용하세요. 잘못된 컨테이너와 채널 값도 포함해 거부 동작을 확인하세요. 새 함수의 출력을 단순히 기록하지 말고 독립적인 예상값과 결과를 비교하세요.

도우미 함수와 테마 팔레트 중 무엇을 조정해야 하나요?

먼저 불일치가 공식, 입력, 의도한 시각적 디자인 중 어디서 오는지 파악하세요. 각각 다른 변경이 필요합니다. 공유 팔레트 값이 바뀌면 주변 컴포넌트의 대비 관계도 달라질 수 있으므로 함께 검토하세요.

Windows용 다운로드 ↗

LumaGauge · 업데이트 2026-10-25