사진, 스크린샷, 디자인 시안에서 어떤 픽셀이든 정확한 색을 찾으세요. 이미지를 클릭하거나 탭하고, 돋보기로 조준한 다음, HEX, RGB, HSL, OKLCH로 색을 복사합니다. 고른 색은 목록에 모여 내보낼 수 있고, Chrome과 Edge에서는 화면 어디서든 색을 고를 수도 있습니다. 이미지 없이 색상 변환기로도 쓸 수 있습니다.
사용 방법
- 이미지를 놓거나, 붙여 넣거나, 고르세요. 색을 입력해 변환할 수도 있습니다.
- 이미지를 클릭하거나 탭하세요. 휴대폰에서는 손가락을 밀다가 떼는 곳의 색이 골라집니다. 화살표 키로 돋보기를 한 픽셀씩 움직일 수 있습니다.
- 필요한 값을 복사하거나, 색 목록을 텍스트, CSS, JSON으로 내려받으세요.
자주 묻는 질문
- 제 파일이 서버로 업로드되나요?
- 아닙니다. 모든 처리는 여러분의 브라우저 안, 여러분의 기기에서 이루어집니다. 직접 확인해 보실 수 있습니다. 브라우저 개발자 도구(DevTools)를 열고, 도구가 실행되는 동안 네트워크 탭을 지켜보세요. 업로드는 전혀 발생하지 않습니다. 페이지 제목 옆의 배지는 이 페이지가 보낸 바이트 수를 실시간으로 보여 줍니다.
- 디자인 앱에서 보이는 색과 조금 다른 이유는 무엇인가요?
- 사진은 더 넓은 색 공간으로 저장되거나 프로필이 포함된 경우가 많습니다. 브라우저는 화면에 표시하려고 이미지를 표준 sRGB로 변환하며, 피커는 화면에 보이는 그 sRGB 값을 알려 줍니다. 3×3이나 5×5 픽셀 평균을 쓰면 JPEG 노이즈도 완화됩니다.
- 브라우저 밖의 색도 고를 수 있나요?
- 컴퓨터의 Chrome과 Edge에서는 됩니다. ‘Pick from screen’으로 화면의 어떤 픽셀이든 가져올 수 있습니다. 다른 브라우저는 이 기능을 지원하지 않아 버튼이 숨겨집니다. 이미지에서 색을 고르는 기능은 어디서나 작동합니다.
- 어떤 색상 형식을 읽을 수 있나요?
- HEX(#1e90ff 또는 #19f), rgb(), hsl(), oklch()를 쉼표나 공백으로 구분해 입력하거나 붙여 넣으세요. 어떤 형식이든 나머지 모든 형식으로 한 번에 변환됩니다.