컬러 피커
색상을 선택하고 HEX, RGB, HSL, HSV 값을 얻으세요. 컬러 팔레트 생성, 보색 찾기, 그라디언트 생성 기능을 제공합니다.
메인 색상
색상을 선택하고 HEX, RGB, HSL, HSV 값을 얻으세요. 컬러 팔레트 생성, 보색 찾기, 그라디언트 생성 기능을 제공합니다.
색상 형식
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
hsv(217, 76%, 96%)
컬러 팔레트
그라디언트 생성기
0%
100%
linear-gradient(to right, #3B82F6 0%, #EF4444 100%)
대비 검사기
샘플 텍스트
21.00:1
통과
통과
프리셋 색상
컬러 피커 사용 방법
1
색상환이나 색상 입력 필드를 사용하여 원하는 색상을 선택하세요.
2
HEX, RGB, HSL, HSV 형식의 색상 코드를 확인하고 복사하세요.
3
컬러 팔레트, 보색, 그라디언트 등의 추가 기능을 활용하세요.
4
생성된 CSS 코드를 복사하여 프로젝트에 사용하세요.
주요 기능
다양한 색상 형식 지원 (HEX, RGB, HSL, HSV)
컬러 팔레트 및 색상 조합 생성
그라디언트 생성 및 CSS 코드 제공
접근성을 위한 대비 검사 기능
색상 기록 및 프리셋 색상 제공
웹 디자인과 개발에 최적화
자주 묻는 질문 (FAQ)
컬러 피커는 어떻게 사용하나요?
색상환을 클릭하거나 드래그하여 색상을 선택하고, 원하는 형식의 색상 코드를 복사하여 사용하세요. 추가 기능으로 팔레트 생성, 보색 찾기, 그라디언트 생성 등을 활용할 수 있습니다.
어떤 색상 형식을 지원하나요?
HEX, RGB, HSL, HSV 형식을 지원합니다. 각 형식은 웹 개발, 그래픽 디자인, 인쇄 등 다양한 용도에 맞게 사용할 수 있습니다.
대비 검사 기능은 무엇인가요?
웹 접근성 가이드라인(WCAG)에 따른 색상 대비를 검사하는 기능입니다. 텍스트와 배경색의 대비가 충분한지 확인하여 시각적 접근성을 개선할 수 있습니다.