콘텐츠로 건너뛰기
AI Color Finder

이미지 색상 찾기 · HEX · RGB · HSL

컬러 파인더 — 어떤 색상이든 어떤 이미지에서나 찾아보세요.

이미지 컬러 피커나 HEX 색상 찾기로 활용해 보세요: 이미지를 놓고 돋보기 루페로 원하는 픽셀을 집어 정확한 HEX, RGB, HSL 코드를 복사하세요. 전체 팔레트를 추출하고, 보색을 찾고, 대비를 확인하고, 바로 사용할 수 있는 코드를 내보내기까지 — 모두 브라우저 안에서 가능합니다.

업로드 없음 영구 무료 가입 불필요 7가지 색상 형식

피커

이미지에서 색상 선택하기

원하는 픽셀을 클릭해 정확한 색상을 확인하세요. 돋보기로 정밀하게 선택하거나 시스템 스포이드를 사용할 수 있습니다.

툴킷

색상 작업에 필요한 모든 것

완전하고 프라이빗한 색상 제품군: 이미지에서 색상 선택, 팔레트 추출, 형식 변환, 접근성 확인, 그라디언트 제작까지.

왜 더 나은가

실제로 색상을 다루는 사람들을 위해 만들었습니다

픽셀 단위로 정확한 루페

돋보기가 커서를 따라다니며 정확한 픽셀과 실시간 HEX 값을 보여주므로, 색상을 더 이상 추측할 필요가 없습니다.

진짜 팔레트 추출

중앙값 분할 양자화가 고정된 색상 목록이 아닌 실제 주요 색상을 비율과 함께 찾아냅니다.

어디로든 내보내기

CSS 변수, Tailwind @theme, SCSS, JSON, SVG 시트 또는 PNG를 클릭 한 번으로 복사하세요.

접근성 내장

모든 색상이 흰색과 검은색에 대한 WCAG 대비를 보여주며, 전체 검사기와 색맹 시뮬레이터도 제공합니다.

모든 형식

HEX, RGB, HSL, HSV, CMYK와 최신 OKLCH, LAB — 모두 즉시 변환되어 복사할 준비가 됩니다.

설계부터 프라이빗

이미지는 Canvas API로 전적으로 브라우저에서 처리됩니다. 그 무엇도 업로드되지 않습니다.

사용 방법

이미지에서 코드까지 세 단계

계정도, 제한도, 워터마크도 없습니다. 이미지를 불러오면 몇 초 만에 색상을 얻을 수 있습니다.

  1. 01

    이미지 추가하기

    파일을 놓거나, 클립보드에서 붙여넣거나, 이미지 URL을 붙여넣으세요. 어떤 것도 기기를 떠나지 않습니다.

  2. 02

    선택 또는 추출

    돋보기로 픽셀을 클릭하거나, 시스템 스포이드를 사용하거나, 주요 팔레트를 자동으로 추출하세요.

  3. 03

    복사 또는 내보내기

    원하는 형식을 가져가거나, 전체 팔레트를 CSS, Tailwind, SCSS, JSON, SVG 또는 PNG로 내보내세요.

컬러 파인더 가이드

FAQ

자주 묻는 질문

이미지에서 색상을 어떻게 선택하나요?

이미지를 피커에 놓거나, 클립보드에서 붙여넣거나, 이미지 URL을 붙여넣으세요. 이미지 위 아무 곳이나 클릭하거나 드래그하면 돋보기 루페가 커서 아래의 정확한 픽셀과 실시간 HEX 값을 보여줍니다. 놓으면 색상이 저장됩니다.

HEX 색상 코드란 무엇인가요?

HEX 코드는 빨강, 초록, 파랑 채널을 저장하는 6자리 16진수로, 앞에 #가 붙습니다(예: #0070F3). 각 숫자 쌍은 00(없음)부터 FF(최대)까지이며, RGB와 동일한 1,670만 가지 색상을 더 짧은 표기로 표현합니다.

제 이미지가 서버에 업로드되나요?

아니요. 모든 것이 HTML Canvas API를 사용해 브라우저에서 실행됩니다. 이미지는 기기를 떠나지 않으므로 프라이빗하게 유지되며, 한 번 로드되면 오프라인에서도 작동합니다.

어떤 색상 형식이 지원되나요?

선택하거나 추출한 모든 색상은 HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB로 표시됩니다. 각각을 개별적으로 복사하거나 전체 팔레트를 한 번에 내보낼 수 있습니다.

이미지의 전체 색상 팔레트를 추출할 수 있나요?

네. 팔레트 생성기는 이미지에 중앙값 분할 양자화를 실행해 주요 색상을 찾고, 각 색상이 이미지에서 차지하는 비중을 보여주며, 팔레트를 CSS 변수, Tailwind 테마, SCSS, JSON, SVG 또는 PNG 색상 시트로 내보낼 수 있게 합니다.

AI Color Finder는 무료인가요?

네, 모든 도구가 무료이며 계정, 이메일, 신용카드가 필요 없습니다. 도구에 삽입되는 광고도, 사용 제한도 없습니다.

Color Finder는 어떻게 사용하나요?

파일을 놓거나, 클립보드에서 붙여넣거나, 파일을 선택하거나, 이미지 URL을 붙여넣어 이미지를 피커에 불러온 다음, 이미지 위로 커서를 움직이세요. 돋보기 루페가 포인터를 따라다니며 그 아래의 정확한 픽셀과 실시간 HEX 값을 보여줍니다. 픽셀을 클릭해 색상을 고정하면 사이드바에 HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB 값이 각각 클릭 한 번 복사 버튼과 함께 채워집니다.

트루 컬러 파인더 사용법

트루 컬러 파인더는 근사치가 아니라 이미지에 실제로 저장된 색상을 보고합니다. AI Color Finder는 HTML Canvas에서 원시 픽셀 데이터를 곧바로 읽으므로, 반환하는 HEX와 RGB 값은 파일에 있는 정확한 8비트 값이며 추측도 서버 압축도 없습니다. 안티앨리어싱된 가장자리를 피해 루페로 단색 영역을 샘플링하면 매번 진짜 색상을 얻을 수 있습니다.

파인더 배경색을 바꾸는 방법

피커 배경은 페이지 테마를 따릅니다. 상단 내비게이션의 테마 전환을 사용해 라이트와 다크를 전환하면 이미지 미리보기 뒤의 표면이 바뀝니다. 만들고 있는 디자인이나 팔레트의 배경을 바꾸려면, 원하는 색상의 HEX 또는 RGB 값을 복사해 CSS, Figma 또는 Tailwind에서 배경으로 적용하세요.

온라인 최고의 컬러 피커 도구는 무엇인가요?

최고의 온라인 컬러 피커는 빠르고 정확하며 프라이빗합니다. AI Color Finder는 업로드한 어떤 이미지에서든 9배 돋보기 루페로 픽셀을 샘플링하고, 시스템 EyeDropper를 지원하며, 이미지를 전혀 업로드하지 않고 HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB로 변환하는 무료 브라우저 기반 컬러 피커입니다. 전체 팔레트 추출, WCAG 대비 확인, 그라디언트 제작까지 하므로 여러 도구를 따로 쓸 필요가 없습니다.

컬러 피커 사용법

컬러 피커를 열고 이미지를 추가한 다음, 샘플링하려는 영역 위로 마우스를 올리세요. 돋보기가 커서 아래의 픽셀과 실시간 코드를 보여주며, 클릭해 선택합니다. 모든 형식이 복사 버튼과 함께 사이드바에 나타나며, 즐겨찾기를 팔레트에 고정하거나 스포이드로 화면 어디에서든 색상을 선택할 수 있습니다.

AI가 색상을 식별할 수 있나요?

네. AI Color Finder는 이미지의 원시 픽셀 데이터를 읽고 파일 전체를 분석해 주요 색상을 찾아 색상을 자동으로 식별합니다. 가리키는 모든 픽셀에 대해 HEX, RGB 같은 정확한 값을 보고하며, 팔레트 엔진은 색상 양자화를 사용해 사진, 스크린샷, 로고에서 가장 대표적인 색상을 즉시 업로드 없이 드러냅니다.

색상을 어떻게 식별하나요?

색상을 식별하려면 픽셀을 샘플링해 코드를 읽으세요. 이미지를 컬러 파인더에 업로드하거나 붙여넣고, 루페를 정확한 지점 위로 이동한 뒤 클릭해 HEX, RGB, HSL 및 기타 값을 확인하세요. 화면에 있는 색상이라면 스포이드로 곧바로 집을 수 있습니다. 전체 이미지라면 팔레트 생성기를 열어 주요 색상을 한 번에 식별하세요.

이미지에서 색상을 어떻게 찾나요?

이미지를 컬러 파인더에 놓고 개별 픽셀을 클릭해 정확한 코드를 읽거나, 팔레트 생성기를 열어 주요 색상을 자동으로 추출하세요. 팔레트 보기는 각 색상이 이미지에서 차지하는 비중을 보여주고, 세트를 CSS, Tailwind, SCSS, JSON, SVG 또는 PNG로 내보낼 수 있게 합니다.

최고의 색상 감지 앱은 무엇인가요?

최고의 색상 감지기는 아무것도 설치하지 않고 어디서든 작동하는 것입니다. AI Color Finder는 데스크톱과 모바일 브라우저에서 실행되며, 이미지와 EyeDropper API를 통한 화면에서 색상을 감지하고, 가입 없이 완전히 무료입니다. 모든 처리가 기기에서 이루어지므로 가장 프라이빗한 선택이기도 합니다.

색상은 어떻게 감지하나요?

색상은 디지털 이미지에서 개별 픽셀의 빨강, 초록, 파랑 값을 읽어 감지합니다. 컬러 파인더는 이미지를 캔버스에 로드하고, 커서 아래의 픽셀을 샘플링하며, 그 RGB 값을 HEX, HSL 및 기타 형식으로 변환합니다. 팔레트 도구는 더 나아가 모든 픽셀을 분석해 비슷한 음영을 이미지의 주요 색상으로 그룹화합니다.

이미지에서 색상을 선택하는 방법

이미지를 컬러 피커에 업로드하거나 붙여넣은 다음, 원하는 정확한 픽셀을 클릭하세요. 돋보기 루페가 확대해 올바른 지점을 조준할 수 있게 하며, 클릭하는 순간 색상의 HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB 값이 복사할 준비가 되어 나타납니다.

999999는 무슨 색인가요?

#999999는 빨강, 초록, 파랑 값이 각각 153으로 같은 중간 회색입니다. HSL로는 채도 0%, 밝기 약 60%의 중성 회색입니다. 흐린 텍스트, 테두리, 비활성 상태에 흔히 쓰이며, 흰색 대비 약 2.85:1로 본문 텍스트에 대한 WCAG AA를 통과하지 못합니다.

컬러 피커를 어떻게 확인하나요?

컬러 피커를 확인하려면 알려진 색상을 로드하고 반환하는 값을 확인하세요. 테스트 이미지를 붙여넣거나 색상 변환기에 #0070F3 같은 HEX 코드를 입력해 RGB, HSL 및 기타 판독값이 예상과 일치하는지 보세요. AI Color Finder에서는 색상을 고정해 나란히 비교하고 복사하기 전에 정확한 코드를 검증할 수도 있습니다.

00001은 무슨 색인가요?

00001은 유효한 6자리 HEX 코드가 아닙니다. HEX 색상은 # 기호 뒤에 정확히 6자리를 사용하는데 00001은 다섯 자리뿐입니다. #000001을 의미한 것이라면 거의 순수한 검정에 아주 희미한 파랑이 섞인 색이고, #000011은 거의 검정에 가까운 네이비입니다. 유효한 코드가 되도록 값을 #000001로 채우세요.

666666은 무슨 색인가요?

#666666은 빨강, 초록, 파랑 값이 각각 102로 같은 어두운 회색입니다. HSL로 채도 0%, 밝기 40%로 부드러운 숯색 톤을 줍니다. 흰색 대비 약 5.74:1에 도달하므로 일반 텍스트에 대한 WCAG AA를 통과합니다.

지금 시작

다음 팔레트는 이미지 하나만큼 가까이에 있습니다

색상을 선택하고, 팔레트를 추출하고, 코드를 내보내세요 — 무료, 프라이빗, 즉시.