컬러 랩 - 대비·팔레트·그라데이션
🎨
컬러 랩
WCAG 대비 계산, 이미지 팔레트 추출(K-means·Lab), 그라데이션 설계/CSS 생성까지 한 번에.
대비 체크 (WCAG) ?
배경색
텍스트 색
텍스트 불투명도
100%
대비비(Contrast Ratio)
-
큰 제목(대문자, 18pt+ 또는 14pt Bold)
한글/영문 샘플 텍스트 Aa가나다 ABC 123
팔레트 추출 (K-means · Lab) ?
이미지 업로드
이미지를 선택하세요
PNG/JPG/WEBP/GIF(정지)/SVG(일부) — 브라우저에서만 처리됩니다.
색상 개수
권장: 5~8
샘플 간격
숫자가 클수록 빠르지만 정확도↓
필터
미리보기
추출된 팔레트
그라데이션 설계 & CSS ?
각도(°)
90°
샘플 개수
샘플 팔레트 개수
빠른 색상
작업