Interactive Picker
Drag to selectColor Harmonies Click to copy
Complementary
Analogous
Triadic
Split Comp
Vision Simulator 색맹 사용자 시각 시뮬레이션
Normal (일반)
Protanopia (적색맹)
Deuteranopia (녹색맹)
Tritanopia (청황색맹)
Common Presets
WCAG Contrast Checker
Aa
White Text
--
--
Aa
Black Text
--
--
웹 접근성 기준(WCAG) 가독성 테스트 (AA: 4.5:1, AAA: 7:1)
Export Code
CSS 그라데이션 메이커
색상을 조합하여 아름다운 배경 그라데이션을 만들고 CSS 코드를 복사하세요.
135°
CSS Code
Live Preview
인기 웹 색상 팔레트
색상을 클릭하면 복사되며, 컬러 피커에 즉시 반영됩니다.
이미지 색상 추출
이미지를 업로드하고 원하는 부분을 클릭하여 색상을 정확하게 추출하세요.
클릭하여 이미지 업로드
Extracted Color
-