테마 빌더

테마빌더 로딩 중…

작동 방식과 범위#

시드 색 하나에서 accent(primary · secondary · tertiary)와 neutral 풀세트(surface 5티어 · on-surface · outline · inverse)를 tone 수학으로 생성합니다 — Material Theme Builder의 "소스 색 → scheme" 등가물을 WDS 토큰 엔진(scheme.ts lch65 tonal)으로 구현했습니다. 대비는 tone 수학으로 AA가 구성적으로 보장되며, 각 스와치·샘플 옆 배지가 실측 비율과 판정을 색에만 의존하지 않고 텍스트로도 표기합니다. 대비 수준을 올리면 accent 목표가 AA(4.5:1)에서 AAA(7:1)까지 강화됩니다.

• accent(primary/secondary/tertiary)는 시드에서 도출됩니다 — 시드를 바꾸면 색이 달라집니다(light·dark 합쳐 12페어).
• neutral surface 5티어 · outline · inverse는 시드와 무관하게 정본 토큰과 같은 tone을 재현합니다 (inverse-primary만 시드 의존). 다크 저tone의 쿨 틴트까지 정본과 같게 유지합니다.
• 단 on-surface는 M3 표준 t10/t90 신규값(정본 text와 다른 값)이라, 산출 JSON은 그대로 정본 교체가 아니라 역할 단위 검토를 권고합니다.

포털 사본 엔진의 정합성은 정본 기대값과 대조하는 패리티 테스트(scheme-parity.test.ts)가 잠급니다.

export#

미리보기 하단 코드 보기 또는 헤더의 JSON 내보내기는 산출 풀세트를 tokens/semantic/{light,dark}.json과 동형인 W3C Design Tokens JSON으로 내보냅니다. accent 12역할 + neutral 11역할을 담으며, surface는 정본과 같은 tone을 재현하나 on-surface는 신규값이고 alias가 리터럴 hex로 풀리므로, 그대로 정본 교체가 아니라 역할 단위 검토를 권고합니다(산출 $description에 명시).