색상 추출 & 컬러 변환기 (Color Picker)
화면과 이미지에서 스포이드로 색상을 정밀하게 추출하고, HEX/RGB/HSL 변환 및 웹 접근성(WCAG) 명도 대비를 검사하세요.
스포이드(EyeDropper) & 이미지 색상 픽커·
WCAG 2.1 명도 대비(AA/AAA) 자동 검사·
하모니 팔레트 생성
색상 추출 & 컬러 변환기 (Color Picker) 바로 쓰기 →
#3B82F6
H: 217° · S: 91% · L: 60%
HEX 직접 입력:
이미지에서 색상 추출하기
로고나 디자인 이미지를 여기에 드래그하거나 클릭하여 업로드하면 픽셀 단위로 색상을 추출할 수 있습니다.
HEX 코드
#3B82F6
RGB 코드
rgb(59, 130, 246)
HSL 코드
hsl(217, 91%, 60%)
CMYK (인쇄용)
cmyk(76%, 47%, 0%, 4%)
웹 접근성 (WCAG 2.1) 명도 대비 분석
White Background 대비 예시
대비율: 3.68:1
AA 미달
AAA 미달
Dark Background 대비 예시
대비율: 5.71:1
AA 통과
AAA 미달
자동 생성 하모니 팔레트 (클릭 시 색상 복사)
보색 (Complementary) & 유사색 (Analogous)
기준색
#3C83F6
보색
#F6AF3C
유사색 1
#523CF6
유사색 2
#3CE0F6
3색 배색
#F63C83
밝은 톤
#BCD2F6
어두운 톤
#0044B3