색상 선택기
무료 온라인 색상 선택기로 모든 이미지나 화면에서 색상을 선택하세요. HEX, RGB, HSL 코드를 즉시 얻으세요. 100% 비공개이며 브라우저에서 작동합니다.
How to Use
- 1. 방법 선택 이미지를 업로드하거나 '화면에서 선택' 버튼을 사용하세요.
- 2. 색상 선택 이미지 위로 마우스를 가져가 미리보기를 확인한 다음 클릭하여 색상을 캡처하세요.
- 3. 코드 복사 색상은 기록에 추가됩니다. 클릭하여 HEX, RGB 또는 HSL 값을 복사하세요.
디자이너와 개발자의 가장 친한 친구
🎨 디자이너용
브랜드 로고, 무드 보드 이미지 또는 영감을 주는 사진에서 정확한 헥스 코드를 빠르게 가져오세요. 픽셀 단위의 정확성으로 색상 팔레트를 구축하세요.
💻 개발자용
UI 목업(JPG 또는 PNG)에서 색상 값을 추출하여 CSS 또는 앱 코드에서 직접 사용하세요. 기본 개발용 RGB 값 또는 웹 스타일링용 HEX를 가져오세요.
색상 코드 이해하기
HEX (16진수)
예: #00BFA5. 웹 색상에 가장 일반적인 형식입니다. 빨강, 초록, 파랑의 혼합을 나타내는 6자리 코드입니다.
RGB (빨강, 초록, 파랑)
예: rgb(0, 191, 165). 빨강, 초록, 파랑 빛 구성 요소의 강도(0-255)를 정의합니다.
HSL (색상, 채도, 명도)
예: hsl(174, 100%, 37%). 사람에게 더 직관적입니다. 색상은 색상 유형, 채도는 강도, 명도는 밝기입니다.
개인 정보 보호는 최우선입니다
이 도구는 전적으로 브라우저에서 실행됩니다. 저희는 귀하의 파일을 업로드, 저장 또는 분석하지 않습니다. 귀하가 처리하는 모든 것은 귀하의 기기에 남습니다.
FAQ
제 이미지가 서버에 업로드되나요?
아니요. 귀하의 개인 정보는 보장됩니다. 모든 처리는 웹 브라우저 내에서 완전히 이루어집니다. 이미지는 절대 기기를 떠나지 않으며, 저희는 이미지를 보거나 저장하지 않습니다.
'화면에서 색상 선택' 버튼은 무엇인가요?
이 기능은 브라우저에 내장된 EyeDropper API(Chrome/Edge/Opera)를 사용합니다. 이를 통해 브라우저의 이미지뿐만 아니라 전체 화면의 모든 응용 프로그램이나 창에서 색상을 선택할 수 있습니다.
HEX, RGB, HSL의 차이점은 무엇인가요?
HEX(#RRGGBB)는 웹 디자인의 표준입니다. RGB는 빨강, 초록, 파랑의 강도에 0-255 값을 사용합니다. HSL(색상, 채도, 명도)은 사람이 색상 속성을 조정하기에 더 직관적인 경우가 많습니다.