이미지의 색상 코드 찾기

이미지를 불러오거나 스크린샷을 붙여 넣고 픽셀을 클릭하세요. HEX, RGB, HSL, CMYK 코드가 바로 복사할 수 있게 표시됩니다. 이미지는 기기 안에만 머뭅니다.

  • 무료
  • HEX, RGB, HSL, CMYK
  • 픽셀 단위 돋보기
  • 6색 팔레트

파일을 여기로 드래그 앤 드롭하세요

JPG, PNG, WebP 등 또는 스크린샷 붙여 넣기(Ctrl+V) — 이미지는 기기 안에만 머뭅니다

선택
  • HEX#2563EB
  • RGBrgb(37, 99, 235)
  • HSLhsl(221, 83%, 53%)
  • CMYK %84, 58, 0, 8

100% 프라이버시 보호 — 모든 처리는 사용자의 브라우저에서 직접 이루어집니다. 파일, 음성, 영상은 Chatzam 서버로 전송되지 않습니다.

이미지의 색상 코드는 어떻게 찾나요?

  1. 이미지를 불러오세요

    사진, 로고, 디자인 시안을 끌어다 놓거나 스크린샷을 바로 붙여 넣으세요.

  2. 색을 클릭하세요

    돋보기가 커서 아래 영역을 확대해 원하는 픽셀을 정확히 고를 수 있습니다.

  3. 코드를 복사하세요

    웹용 HEX, RGB, HSL, CMYK 중 필요한 형식을 클릭 한 번으로 복사하세요.

이미지 속 모든 색을 코드로

픽셀 단위 돋보기

가는 선, 로고의 획, 테두리처럼 작은 부분에서도 추출할 픽셀을 정확히 볼 수 있습니다.

주요 색상 팔레트

이미지의 주요 색 6가지를 자동으로 뽑아 로고의 브랜드 컬러나 사진의 분위기를 그대로 가져올 수 있습니다.

화면 전체 스포이트

크롬과 엣지에서는 브라우저의 스포이트로 페이지 밖을 포함한 화면 어디서든 색을 추출할 수 있습니다.

색상 선택기와 기록

원하는 색을 직접 골라 변환 값을 확인하고, 이 브라우저에 저장된 기록에서 이전에 고른 색을 다시 찾을 수 있습니다.

HEX, RGB, HSL: 색상 코드 이해하기

화면의 모든 색은 빨강, 초록, 파랑을 각각 0~255로 섞은 것으로, 256 × 256 × 256 = 16,777,216가지 색을 만들 수 있습니다. RGB 코드는 이 값을 십진수로 씁니다. rgb(255, 87, 51)은 선명한 주황색입니다. HEX 코드는 같은 세 값을 16진수 두 자리씩으로 씁니다. FF = 255, 57 = 87, 33 = 51이므로 #FF5733입니다. HSL은 같은 색을 다르게 표현합니다. 색상환 위의 색상(0~360°), 채도와 명도(%)로, 이 색은 hsl(11, 100%, 60%)입니다. HSL은 명도만 바꿔 더 밝거나 어두운 변형 색을 만들 때 편리합니다.

인쇄용 CMYK

프린터는 빛이 아니라 잉크를 섞습니다. 시안, 마젠타, 옐로, 블랙을 퍼센트로 나타냅니다. 수학적으로 변환하면 주황색 #FF5733은 약 C 0%, M 66%, Y 80%, K 0%, 순수한 빨강 #FF0000은 C 0%, M 100%, Y 100%, K 0%입니다. 이 변환은 이론값이며 실제 인쇄 결과는 종이, 프린터, 인쇄소가 쓰는 컬러 프로파일에 따라 달라집니다. 화면에서 아주 선명한 일부 색, 특히 채도 높은 파랑과 초록은 잉크로 재현되지 않아 더 탁하게 나옵니다. 중요한 인쇄물이라면 교정쇄를 받아 보거나 브랜드 가이드의 기준 CMYK 값을 확인하세요.

픽셀마다 색이 다른 이유

사진에서 한 가지 색처럼 보이는 영역도 실제로는 빛, 그림자, 센서 노이즈 때문에 조금씩 다른 픽셀로 이루어져 있습니다. JPEG 압축은 작은 변화를 더하고, 글자나 로고의 가장자리는 윤곽을 부드럽게 하려고 배경색과 섞입니다. 정확한 코드를 얻으려면 돋보기를 쓰고 가장자리에서 떨어진, 색이 꽉 찬 영역의 가운데를 클릭하세요. 로고 색을 가져올 때는 가능하면 JPEG보다 PNG 파일을 쓰세요. 사진 전체의 분위기를 보려면 픽셀 하나보다 주요 색 6가지 팔레트가 더 유용한 경우가 많습니다.

자주 묻는 질문

이미지의 색상 코드는 어떻게 알아내나요?

이미지를 불러오거나 스크린샷을 붙여 넣고 원하는 색을 클릭하세요. HEX, RGB, HSL, CMYK 코드가 표시되고 클릭 한 번으로 복사됩니다.

HEX 코드를 RGB로 바꾸려면?

코드를 두 자리씩 세 쌍으로 나누고 각각 16진수에서 10진수로 바꾸세요. #1E90FF는 1E = 30, 90 = 144, FF = 255이므로 rgb(30, 144, 255)입니다. 이 도구는 HSL과 CMYK까지 자동으로 변환해 보여 줍니다.

RGB와 CMYK는 무엇이 다른가요?

RGB는 빨강, 초록, 파랑 빛을 섞는 화면의 색입니다. CMYK는 시안, 마젠타, 옐로, 블랙 잉크로 만드는 인쇄물의 색입니다. 웹에는 HEX나 RGB, 인쇄에는 CMYK를 쓰세요.

웹사이트나 앱의 색은 어떻게 가져오나요?

크롬이나 엣지에서는 화면 전체 스포이트로 페이지 밖의 색도 바로 클릭해 가져올 수 있습니다. 다른 브라우저에서는 스크린샷을 찍어 이 도구에 붙여 넣으세요.

이미지가 서버로 전송되나요?

아니요. 이미지는 브라우저 안에서 분석되며 기기 밖으로 나가지 않습니다. 색상 기록도 이 브라우저에만 저장됩니다.

다른 무료 도구

모든 무료 도구 보기 →