접근성 컬러 시스템
다크/라이트 모드를 위한 WCAG 접근성 컬러 팔레트. shadcn, Tailwind, JSON으로 내보내기.
색상은 브라우저에서 생성됩니다. 서버로 전송되는 데이터는 없습니다.
색상 토큰
기본
차트
사이드바
상태
미리보기
라이트
시스템 상태
정상
지연 발생
할당량
활동
빠른 작업
관리자
멤버
다크
시스템 상태
정상
지연 발생
할당량
활동
빠른 작업
관리자
멤버
내보내기
자주 묻는 질문
WCAG 색상 명암비란 무엇인가요?+
WCAG(웹 콘텐츠 접근성 가이드라인)는 텍스트와 배경 색상 간의 최소 명암비를 정의합니다. AA 등급은 일반 텍스트에 4.5:1, AAA 등급은 7:1을 요구합니다.
다크 모드에서 접근성을 갖춘 색상을 선택하려면 어떻게 하나요?+
브랜드 기본 색상을 입력하면 도구가 다크 모드 팔레트를 자동 생성합니다. 모든 전경/배경 색상 쌍은 WCAG AA 기준에 맞춰 자동으로 검증됩니다.
내보낸 토큰을 shadcn/ui에서 사용할 수 있나요?+
네. CSS 변수 출력을 복사하여 globals.css에 붙여넣으면 됩니다. 변수 이름은 shadcn/ui의 시맨틱 토큰 구조와 정확히 일치합니다.