이미지 색상 추출 무료

사진을 이 페이지에 놓거나 화면 캡처를 붙여 넣습니다. 돋보기가 원하는 색 위에 올 때까지 움직인 뒤 클릭해 고정하고, HEX, RGB, HSL을 복사합니다. 평평한 로고는 1 px, 사진은 3×3이나 5×5를 쓰세요. 검색어 이미지 색상 추출이 가리키는 일이 이 세 단계입니다. 편집기를 설치하지 않아도 됩니다.

이 주소가 브라우저에서 끝나는 이미지 색상 추출 사이트입니다. 가입이 없고, 코드를 읽으려고 파일을 서버로 보내지 않습니다. 탭을 닫으면 이 페이지의 사진도 사라집니다. 워터마크도 없습니다. 가져온 것은 코드이거나, 그 한 색의 견본 PNG입니다.

고정한 색에서 세 표기를 복사합니다. 예는 #1A73E8, rgb(26, 115, 232), hsl(214, 82%, 51%)입니다. 세 줄은 같은 화소입니다. 이미지 색상 코드 추출에서 고를 것은 다음 앱이 받는 철자입니다. CSS에는 HEX, 채널 숫자가 필요하면 RGB, 밝기만 움직일 계획이면 HSL이 편합니다.

화소를 고정한 뒤 HEX 복사를 누릅니다. 코드는 #1A73E8처럼 # 뒤에 여섯 자리입니다. 이미지 헥스 코드 추출의 결과는 그 한 줄입니다. RGB 복사와 HSL 복사는 같은 색의 다른 표기입니다. 노이즈가 있는 사진이면 복사 전에 5×5로 두세요. 1 px는 옆 화소로 옮길 때마다 헥스가 뜁니다.

여기서 컬러 피커는 파일 안의 화소를 읽는 칸입니다. 화면만 보는 확장이 아니고, 퍼스널 컬러 진단도 아니며, 삼각형 색상 위젯을 그리는 화면도 아닙니다. 사진을 넣고 돋보기로 겨냥한 뒤 코드를 가져갑니다. 계정은 만들지 않습니다. 맞춤, 2×, 4×로 보기만 바꾸고, 1 px와 3×3, 5×5로 몇 화소를 읽을지 고릅니다. 파일은 이 탭에 남습니다.

맞습니다. 이 페이지가 파일을 읽는 컬러 피커 사이트입니다. JPG, PNG, WebP, GIF, BMP, AVIF를 엽니다. HEIC, TIFF, PDF는 거절합니다. 설치 파일도, 계정 벽도 없습니다. 긴 변이 2000 px를 넘으면 2000 px 사본으로 읽고, 그때 페이지가 알려 줍니다. 코드는 그 사본과 같습니다. 애니메이션 GIF는 첫 프레임만 읽고, 그 점도 페이지에 적습니다.

파일을 열면 견본을 최대 여덟 개 만듭니다. 넓은 단색과 더 진한 색을 섞어, 작은 로고가 흰 배경에 묻히지 않게 합니다. 견본을 누르면 그 색이 고정되고 코드를 복사할 수 있습니다. 거의 같은 갈색은 빠집니다. 색상 팔레트 이미지는 여기서 그 견본입니다. AI가 만든 팔레트도, 브랜드 가이드도 아닙니다.

헥스 코드 이미지는 그림 파일을 넣고 # 뒤의 여섯 자리를 복사하는 일입니다. 잠근 뒤 HEX 복사를 누르세요. 형태는 #1A73E8입니다. 이름 칸의 영어 단어를 헥스 대신 붙이지 마세요. 그 단어는 가장 가까운 CSS 이름일 뿐입니다. steel blue나 tomato가 나와도 상표가 아니고, 그 단어를 CSS에 치면 같은 #1A73E8이 되지 않습니다.

확장은 필요 없습니다. 영어로 color picker extension이라고 부르는 프로그램은 보통 모니터를 봅니다. 이 페이지는 브라우저에서 파일이나 붙여 넣은 화면 캡처를 읽습니다. Chrome과 Edge의 화면에서 집기는 브라우저 자신의 화면 읽기이고, 위에 놓은 파일과는 별도입니다.

포토샵 이미지 색상 추출은 그 편집기 안의 일입니다. 포토샵, 파워포인트, 엑셀, 그림판은 그 도구를 스포이트 또는 스포이드라고 부릅니다. 같은 단어가 실험실 기구와 다이소 검색에도 걸려, 이 페이지의 제목은 이미지 색상 추출입니다. 이미 저장한 파일의 코드만 필요하면 그 앱을 열지 않아도 됩니다. 단축키 순서는 적지 않습니다.

무료입니다. 계정도, 체험 기간도, 코드 위의 워터마크도 없습니다. 읽기는 이미 연 탭 안에서 끝납니다. 팔레트를 만들거나 HEX를 복사하는 단계에 결제가 붙지 않습니다. 견본 PNG도 같은 탭에서 받습니다. 휴대폰 브라우저에서도 같은 무료이고, 읽는 동안 계정을 만들라는 벽은 나오지 않습니다.

하지 않습니다. 브라우저가 이 기기에서 파일을 풀고 화소를 읽습니다. 팔레트를 만들려고 서버로 보내는 일도 없습니다. 탭을 닫으면 이 페이지의 사진은 사라집니다. 읽기에 계정이 붙지 않습니다. 올린 주소로 그림을 대신 가져오지도 않습니다. 팔레트 여덟 칸을 만들 때도 화소는 이 기기에 있습니다. 서버가 색 이름을 골라 돌려주는 구조가 아닙니다.

됩니다. 화면 캡처를 복사한 뒤 이 페이지를 누르고 붙여 넣습니다. 컴퓨터에서는 Ctrl+V 또는 ⌘V입니다. 휴대폰에서 붙여 넣기가 없으면 파일 선택으로 넣으세요. 붙인 그림도 서버로 올라가지 않고, 이 탭에서 읽힙니다. 돋보기, 표본 크기, HEX는 놓은 파일과 같은 방식으로 그 캡처를 읽습니다. 휴대폰에서 붙여 넣기가 없으면 파일로 저장한 뒤 그 파일을 고르세요.

사진과 JPEG는 하늘이나 옷을 하나의 평평한 코드로 저장하지 않습니다. 이웃 화소가 다릅니다. 3×3이나 5×5로 작은 칸을 평균 내세요. 로고는 1 px에 두고, 가장자리가 아니라 평평한 채움의 가운데를 누르세요. 두 코드는 고장이 아니라 파일에 있는 차이입니다.

됩니다. 표본은 손가락 위에 있고, 손을 떼면 색이 고정됩니다. 표시가 작으면 2×나 4×로 키운 뒤 그림을 끌어 돋보기를 맞춥니다. 긴 변이 2000 px를 넘는 사진은 탭이 버티도록 2000 px 사본에서 읽고, 그때 페이지가 그렇게 알려 줍니다. 코드는 그 사본의 화소입니다.

파일에 색 프로필이 있을 수 있습니다. 포토샵은 그 프로필 안의 숫자를 보여줄 수 있습니다. 이 페이지는 브라우저가 파일을 푼 뒤의 sRGB 화소를 읽습니다. CSS나 Figma에 붙여 넣을 값입니다. 화면 캡처는 한 단계 더 가서 이미 모니터의 화소입니다. 어느 쪽 읽기도 CMYK 인쇄 교정이 아닙니다.

페이지는 가장 가까운 흔한 CSS 이름을 영어로 보여 줍니다. steel blue, tomato 같은 말입니다. 상표 이름이 아니고, 한국어 색 이름으로 바꾸지도 않습니다. 그 단어를 CSS에 쳐도 같은 HEX로 돌아가지 않습니다. 디자인 도구에는 코드를 붙이세요.

안 됩니다. 화면 화소를 CMYK로 바꾸는 것은 인쇄 교정이 아닙니다. HEX나 RGB를 복사한 뒤, 종이와 프로필을 아는 앱에서 변환하세요. 이 페이지는 잉크 값을 추정하지 않습니다. 화면의 sRGB 숫자를 네 개의 잉크 퍼센트로 바꾸는 일은 종이, 광택, 프로필을 아는 쪽의 일입니다. 여기서 끝나는 것은 HEX, RGB, HSL입니다.

안 됩니다. 여기서는 가리킨 점의 코드만 줍니다. 사진을 다시 칠하거나, 색을 뒤집거나, 한 색을 다른 색으로 바꾸지 않습니다. 그 일은 이 사이트의 사진 색 바꾸기입니다. 견본 PNG는 집힌 한 색의 사각형일 뿐, 원본을 다시 칠한 파일이 아닙니다.

안 됩니다. 다른 사이트에 있는 그림은 이 탭에서 읽히지 않는 경우가 많고, 이 페이지는 그 문제를 피하려고 파일을 서버에 올리지 않습니다. 이미지를 저장한 뒤 그 파일을 놓으세요. 주소 칸은 없습니다. 화면 캡처를 복사해 붙이는 것과, 링크 글자를 붙이는 것은 다릅니다. 전자만 이 페이지가 받습니다.

다릅니다. 화면에서 집기는 Chrome과 Edge에서만 되고, 브라우저가 모니터를 읽습니다. 페이지의 나머지는 놓은 파일을 읽습니다. 모니터가 이미 사진을 바꾸었다면, 화면 읽기가 원본 파일의 코드를 되살리지 않습니다. 저장된 PNG가 있으면 그 파일을 놓으세요. 화면에서 집기는 확장 프로그램을 설치하는 일도 아닙니다. Chrome과 Edge에 이미 있는 브라우저 기능이고, 그 밖의 브라우저에는 그 버튼이 없습니다.