🎨 색상 추출·스포이드
이미지를 클릭해 색을 찍거나 대표 색을 팔레트로 뽑아 보세요. HEX, RGB, HSL로 복사할 수 있습니다. 서버에 올라가지 않고 이 브라우저 안에서만 처리됩니다.
이미지 위를 클릭하면 그 지점의 정확한 색을 알려 주고, 대표 색 2~12개를 비율과 함께 팔레트로 뽑아 줍니다. 모든 색은 한 번 클릭으로 HEX, RGB, HSL 형식 중 원하는 것으로 복사할 수 있어요.
이미지를 추가하고 클릭하면 커서 아래 색을 뽑고, 2~12가지 색의 팔레트도 만들 수 있습니다. 색은 CSS용 HEX, 코드용 RGB, 밝기를 조절하기 좋은 HSL로 복사하세요. 브랜드 색을 맞추거나 사진으로 테마를 만들거나 디자인을 확인할 때 도움이 됩니다.
자주 묻는 질문
대표 색은 어떻게 고르나요?
이미지를 작게 줄인 사본에서 색을 비슷한 것끼리 묶어, 고른 개수만큼의 덩어리로 나눕니다. 각 색은 덩어리의 평균 색이고, 퍼센트는 이미지에서 차지하는 비율입니다. 투명한 부분은 제외합니다.
찍은 색과 팔레트 색이 조금 다른 이유는요?
찍기는 픽셀 하나의 정확한 색을 읽고, 팔레트 색은 비슷한 픽셀 여러 개의 평균이라 조금 더 순하게 나올 수 있습니다. 정확한 색이 필요하면 이미지에서 직접 찍으세요.
휴대폰에서도 색을 찍을 수 있나요?
네, 이미지를 탭하면 손가락 아래 색을 담습니다. 색 칸이나 값을 탭하면 복사됩니다.
HEX, RGB, HSL은 무엇이 다른가요?
같은 색을 적는 세 가지 방법입니다. HEX(예: #1A73E8)는 CSS와 디자인 도구에서 흔히 쓰고, RGB(26, 115, 232)는 빨강·초록·파랑 값을 나열하며, HSL은 색상·채도·명도로 나타내 더 밝거나 어두운 변형을 만들기 좋습니다.
팔레트 색은 몇 개로 고르면 좋나요?
테마용이라면 5~6개면 대개 충분합니다. 사진의 주요 색만 찾으려면 2~3개, 더 세밀하게 보려면 더 많이 고르세요.
내 이미지가 서버로 올라가나요?
아니요. 모든 처리는 브라우저 안에서 이루어져 파일이 내 기기를 벗어나지 않습니다. 도구를 사용하는 동안 브라우저 개발자 도구의 네트워크 탭에서 업로드가 없는 것을 직접 확인할 수도 있습니다.