색상 선택기는 다양한 형식 간에 색상을 선택하고 변환할 수 있는 브라우저 기반 도구입니다. 사전 설정된 색상 팔레트에서 선택하거나, 슬라이더로 색조와 투명도를 조정하거나, HEX 및 RGB 값을 직접 입력할 수 있습니다. 도구는 색상의 HEX, RGB, HSL 및 HSV 형식을 즉시 표시하며, 각 형식은 원클릭 복사를 지원합니다. 모든 처리는 브라우저에서 로컬로 이루어지며, 어떤 서버에도 데이터를 전송하지 않습니다.
주요 기능
12개의 사전 설정 색상 팔레트, 일반적인 색상을 빠르게 선택
색조 슬라이더, 전체 스펙트럼 색상을 직관적으로 조정
투명도(Alpha) 슬라이더, 실시간 미리보기 효과
HEX 및 RGB 값 직접 입력 지원, 즉시 변환
HEX, RGB, HSL 및 HSV 4가지 형식 동시 표시
각 색상 형식 값 원클릭 복사 가능
How to Use
Select a color from the preset swatches or use the color picker.
Adjust hue and opacity with the slider controls.
View the color values in HEX, RGB, HSL, and HSV formats.
Copy any color format value to your clipboard with one click.
빠른 미리보기
사용 사례
웹 디자인을 위한 색상 선택, CSS에 사용할 정확한 HEX 또는 RGB 값 획득
HEX, RGB, HSL 및 HSV 형식 간 색상 변환, 다양한 디자인 도구에 적응
투명도 조정, 반투명 요소에 사용할 rgba() 또는 hsla() 값 획득
색조 슬라이더로 색상 변화 탐색, 브랜드 색상 개발 지원
원하는 형식의 색상 값을 빠르게 복사하여 코드나 디자인 소프트웨어에 붙여넣기
색상선택기hexrgb
자주 묻는 질문
이 도구는 어떤 색상 형식을 지원하나요?
도구는 HEX(예: #ff6b6b), RGB/RGBA(예: rgb(255, 107, 107)), HSL/HSLA(예: hsl(0, 100%, 71%)) 및 HSV(예: hsv(0, 58%, 100%))의 4가지 형식으로 색상을 표시합니다. 투명도가 100% 미만이면 자동으로 RGBA 및 HSLA 형식이 사용됩니다.
색상의 투명도를 어떻게 조정하나요?
색조 슬라이더 아래의 투명도 슬라이더를 사용하세요. 왼쪽으로 드래그하면 투명도가 감소하고, 오른쪽으로 드래그하면 증가합니다. 색상 미리보기와 모든 형식 값이 실시간으로 업데이트됩니다. 투명도가 100% 미만이면 HEX 출력에 알파 채널이 포함되고, RGB/HSL 출력은 자동으로 rgba/hsla 형식으로 전환됩니다.
HSL과 HSV의 차이점은 무엇인가요?
둘 다 원통형 색상 모델이지만 밝기 정의가 다릅니다. HSL(색조, 채도, 명도)의 명도는 검은색에서 순수 색상을 거쳐 흰색으로, 명도 100%는 항상 흰색입니다. HSV(색조, 채도, 순도)의 순도는 검은색에서 순수 색상으로, 순도 100%는 해당 색상의 가장 순수한 형태입니다. HSL은 CSS에서 더 일반적으로 사용되며, HSV는 그래픽 소프트웨어에서 많이 사용됩니다.
HEX 또는 RGB 값을 직접 입력할 수 있나요?
네. 입력 상자에 HEX 값(예: #3b82f6) 또는 RGB 값(예: rgb(59, 130, 246))을 직접 입력하면 도구가 즉시 변환하여 다른 모든 형식 표시, 색상 미리보기 및 슬라이더 위치를 업데이트합니다.
색상 값을 어떻게 복사하나요?
형식 값 옆의 복사 버튼을 클릭하면 색상 값이 표시된 형식으로 클립보드에 복사됩니다(예: HEX 형식은 #ff6b6b, RGB 형식은 rgb(255, 107, 107)). 그런 다음 CSS, 디자인 도구 또는 코드 편집기에 직접 붙여넣을 수 있습니다.