🎨 색상 선택기(컬러 피커)

색상 상자를 눌러 원하는 색을 고르거나 HEX 값을 직접 입력하면 RGB·HSL·HSV 값이 즉시 계산되어 나란히 표시되는 컬러 피커입니다. 지원 브라우저에서는 화면 색 추출(EyeDropper) 버튼으로 화면 어디든 눌러 그 자리의 색을 그대로 가져올 수 있습니다.

사용 방법

1. 색상 상자를 눌러 색을 고르거나 아래 칸에 HEX 값(예: #3B82F6)을 입력합니다.
2. HEX·RGB·HSL·HSV 값이 실시간으로 계산되어 표시됩니다.
3. 크롬·엣지 등 지원 브라우저라면 '화면 색 추출'을 눌러 화면 위 아무 색이나 집어올 수 있습니다.
4. 각 값 옆의 복사 버튼으로 원하는 형식을 클립보드에 복사합니다.

자주 묻는 질문

HSL과 HSV는 어떻게 다른가요?

둘 다 색상(H)·채도(S)를 쓰지만, HSL은 명도(Lightness)로 흰색·검정과의 거리를, HSV는 명도(Value)로 순수한 밝기를 표현합니다. 디자인 도구마다 쓰는 표기가 달라 두 형식을 모두 제공합니다.

화면 색 추출(스포이드) 버튼이 보이지 않아요.

브라우저가 EyeDropper API를 지원할 때만 버튼이 나타납니다. 최신 크롬·엣지에서 지원되며, 사파리·구형 브라우저에서는 대신 HEX 값을 직접 입력해 사용하세요.

고른 색이나 입력값이 서버로 전송되나요?

아니요. 색 선택·변환·추출은 모두 브라우저 안에서만 처리되며 어떤 값도 서버로 전송되거나 저장되지 않습니다.