색상 선택기 및 코드 변환 (HEX, RGB, HSL)
색상을 시각적으로 선택하고 HEX, RGB, HSL, CMYK 코드를 한 번에 확인하세요.
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
조화로운 색상 팔레트
기본 색상
보색 (대비색)
3색 조화 A
3색 조화 B
개요
웹 디자이너와 프론트엔드 개발자를 위한 필수 색상 추출 및 코드 변환기.
100% 안전: 모든 작업이 사용자 기기 내부에서 실행됩니다.
Color Picker & Palette Inspector: HEX, RGB, HSL & CMYK
The Color Picker converts visual palette selections into HEX, RGB, HSL, and CMYK color codes with integrated opacity alpha controls.
How to Pick & Copy Color Values
빠르고 직관적1
Navigate Spectrum
Adjust hue slider and saturation canvas.
2
Inspect Values
Review simultaneous HEX, RGB, and HSL notations.
3
Copy Code
Export ready-to-use CSS color definitions.
주요 기능 및 장점
100% 브라우저 기반 보안
서버 업로드 없이 사용자 기기의 메모리 내에서 안전하게 처리됩니다.
대기 시간 없는 초고속 실행
네트워크 지연 없이 즉시 결과를 도출합니다.
무제한 무료 이용
회원가입, 결제, 사용량 제한이 전혀 없습니다.
모든 기기 완벽 호환
모바일, 태블릿, 데스크톱 어디서나 최적의 사용자 경험을 제공합니다.
최신 브라우저 기반 연산 아키텍처
W3C 표준 하드웨어 가속 기술을 적용하여 빠르고 신뢰성 높은 연산을 지원합니다.
전문가 팁 및 모범 사례
- Use HSL to build accessible dark mode color scales programmatically.
자주 묻는 질문
1 자주 묻는 질문과 답변What is the benefit of HSL over HEX?
HSL (Hue, Saturation, Lightness) makes it intuitive to create lighter or darker shades by simply adjusting the lightness percentage.