색상 선택기

색상 선택기란?

색상 선택기(Color Picker)는 다양한 색상 모델 간 코드를 변환하고, 원하는 색상을 시각적으로 선택할 수 있는 온라인 도구입니다. 웹 개발, UI/UX 디자인, 그래픽 디자인 등에서 정확한 색상 코드는 필수적입니다. 본 도구는 HEX, RGB, HSL, HSV, OKLCH 등 주요 색상 형식을 모두 지원하며, 직관적인 색상 슬라이더와 팔레트를 통해 색상을 탐색하고 코드를 즉시 복사할 수 있습니다. 알파(투명도) 채널도 지원하여 반투명 색상 작업도 가능합니다.

• HEX, RGB, HSL, HSV, OKLCH 5가지 색상 형식 상호 변환
• 직관적인 색상 슬라이더 및 색상 영역 선택
• 알파(투명도) 채널 조절 지원
• 클릭 한 번으로 색상 코드 복사
• 랜덤 색상 생성 기능
• 기본/고급 컬러 팔레트 제공

사용 방법

1. 1

   색상 선택

   색상 슬라이더를 드래그하거나 색상 영역에서 클릭하여 원하는 색상을 선택합니다. 또는 직접 HEX 코드 등을 입력할 수도 있습니다.

2. 2

   형식 확인

   선택한 색상이 HEX, RGB, HSL, HSV, OKLCH 등 모든 형식으로 자동 변환되어 표시됩니다.

3. 3

   투명도 조절

   알파 탭에서 투명도를 0~100% 범위로 조절하여 반투명 색상을 만들 수 있습니다.

4. 4

   코드 복사

   필요한 색상 형식의 값을 클릭하면 클립보드에 자동 복사됩니다. CSS, 디자인 도구 등에 바로 붙여넣기 하세요.

자주 묻는 질문

활용 팁

• HSL 형식은 명도(L)만 조절하면 같은 색상의 밝은/어두운 변형을 쉽게 만들 수 있어 테마 색상 작업에 유리합니다
• 랜덤 색상 기능으로 영감을 얻은 후 색상 슬라이더로 미세 조정하면 창의적인 팔레트를 만들 수 있습니다
• CSS custom property(변수)와 함께 사용하면 다크 모드/라이트 모드 색상 전환이 간편합니다
• 컬러 팔레트에서 자주 사용하는 색상을 클릭하면 빠르게 코드를 복사할 수 있습니다
• OKLCH 형식을 활용하면 채도와 밝기가 지각적으로 일관된 색상 시스템을 설계할 수 있습니다