AI 분석
OKLCH 슬라이더 컬러 피커와 WCAG 대비 검사 카드를 라이트·다크 테마로 나란히 보여주는 컴포넌트 시안이다.
화면을 좌우로 나눠 같은 카드 두 장을 라이트 테마와 다크 테마로 나란히 배치했다. 산세리프 타이포그래피와 뉴트럴 배경 위에 파란 프라이머리 버튼, 무지개 색상 슬라이더, 노랑·초록 상태 배지가 포인트로 쓰인다. 위 카드는 L·C·H 그라데이션 슬라이더와 숫자 입력, 복사 가능한 CSS 변수 필드, 저장 버튼·체크박스·배지를 담고, 아래 카드는 미리보기 박스와 두 색상 선택 드롭다운, 큰 대비 비율 숫자와 Pass 배지를 보여준다. 디자인 토큰 편집기나 테마 설정 UI, 다크 모드 대응 컴포넌트를 설계할 때 참고하기 좋다.
minimal · light-mode · dark-mode
claude-opus-5-5 · 2026-10-16 06:05 · 신뢰도 0.93
