로컬에서 실행
컬러피커
내 기기에서 처리 · 업로드 없음색상을 선택하고 HEX·RGB·HSL 값을 복사.
#FF0000
RGB 255, 0, 0
HEX
RGB
R
G
B
HSL
hsl(0, 100%, 50%)
컬러피커 사용 방법
- 색상-채도 영역에서 원하는 색을 클릭하거나 드래그하세요.
- 하단 슬라이더로 색조(Hue)를 조절하세요.
- HEX, RGB, HSL 값을 확인하고 클릭하여 복사하세요.
컬러피커는 화면에서 직접 색을 고르고 HEX·RGB·HSL 값을 얻는 도구입니다. 웹·앱 디자인, 자료 만들기, 코딩에서 색 코드가 필요할 때 빠르게 골라 복사할 수 있습니다. 색조·채도·명도를 조절하며 원하는 색을 정밀하게 찾을 수 있습니다.
HEX·RGB·HSL의 차이
HEX(#RRGGBB)는 웹에서 가장 널리 쓰이는 표기이고, RGB는 빛의 삼원색 값, HSL은 색조·채도·명도로 사람이 직관적으로 조절하기 좋은 표기입니다. 같은 색을 세 가지 형식으로 동시에 보여 주므로 필요한 곳에 맞춰 복사하면 됩니다.
이미지에서 색을 가져오려면
화면에서 직접 고르는 대신 사진 속 색이 필요하다면 이미지 컬러피커를 사용하세요. 사진을 클릭해 그 지점의 색을 그대로 추출할 수 있습니다.
자주 묻는 질문
- HEX 값을 직접 입력할 수 있나요?
- 네, HEX 입력 필드에 직접 색상 코드를 입력하면 피커가 해당 색상으로 이동합니다.
- 이미지 컬러피커와 뭐가 다른가요?
- 이 도구는 색상을 직접 선택하는 독립형 컬러피커이고, 이미지 컬러피커는 이미지에서 색상을 추출하는 도구입니다.
- 어떤 색상 모델을 지원하나요?
- HSV(색조-채도-명도) 피커를 사용하며, HEX, RGB, HSL 형식으로 값을 제공합니다.
- HEX 코드를 직접 입력할 수 있나요?
- 네. HEX 입력란에 코드를 넣으면 피커가 해당 색으로 이동합니다.
- 색상 값은 어떻게 복사하나요?
- 표시된 HEX·RGB·HSL 값을 클릭하면 클립보드에 복사됩니다.