2D Color Picker Canvas
Hue (색상환)
0°
ALPHA (투명도)
100%
Pure Red
Base Color
RGB:
255, 0, 0
HSL:
0°, 100%, 50%
CMYK:
0, 100, 100, 0
OKLCH:
21.3%, 0.320, 0°
최근 히스토리
CSS 그라데이션 생성기 (Gradient)
선택색과 서브색 조합 실시간 CSS 그라데이션
보조 색상 (Color 2):
각도 (Angle)
90°
내보내기 (Export Code)
🖥️ 바탕색 & 캔버스 환경 스튜디오
실시간 배경색 시뮬레이션, 커스텀 바탕색 입력 및 바탕색↔선택색 반전 도구
빠른 프리셋
커스텀 바탕색 직접 입력
Color Harmony
조화 이론에 따른 자동 팔레트 세트 생성 및 명암비 평가
Base
WCAG (4.5:1)
#FF0000
RGB: 255, 0, 0
CMYK: 0, 100, 100, 0
Shade
WCAG (1.8:1)
#8C0000
RGB: 140, 0, 0
CMYK: 0, 100, 100, 45
Tone
WCAG (4.4:1)
#F71E1E
RGB: 247, 30, 30
CMYK: 0, 88, 88, 3
10단계 셰이드 스케일 (50 ~ 950)
Tailwind UI 표준 계층 팔레트 자동 생성
50
#F8F1F1
100
#F4D7D7
200
#F1A7A7
300
#F36868
400
#F92424
500
#EB0000
600
#BD0000
700
#8F0000
800
#610000
900
#3D0000
950
#240000
이미지 색상 추출기 (Image Extractor)
이미지를 드래그·클립보드 붙여넣기(Ctrl+V)하여 대표 색상을 추출하세요
🖼️
클릭하여 이미지 선택 또는 드래그 / Ctrl+V 붙여넣기
JPG, PNG, WebP, GIF 지원
가독성(Contrast) 테스트
BG:
#0F172A
TXT:
#FF0000