이미지 색상 찾기 · HEX · RGB · HSL
컬러 파인더 — 어떤 색상이든
어떤 이미지에서나 찾아보세요.
이미지 컬러 피커나 HEX 색상 찾기로 활용해 보세요: 이미지를 놓고 돋보기 루페로 원하는 픽셀을 집어 정확한 HEX, RGB, HSL 코드를 복사하세요. 전체 팔레트를 추출하고, 보색을 찾고, 대비를 확인하고, 바로 사용할 수 있는 코드를 내보내기까지 — 모두 브라우저 안에서 가능합니다.
피커
이미지에서 색상 선택하기
원하는 픽셀을 클릭해 정확한 색상을 확인하세요. 돋보기로 정밀하게 선택하거나 시스템 스포이드를 사용할 수 있습니다.
이미지 색상
가장 많은 → 가장 적은 비중툴킷
색상 작업에 필요한 모든 것
완전하고 프라이빗한 색상 제품군: 이미지에서 색상 선택, 팔레트 추출, 형식 변환, 접근성 확인, 그라디언트 제작까지.
이미지 컬러 피커
이미지를 업로드하거나 붙여넣거나 링크로 불러온 뒤, 돋보기 루페로 원하는 픽셀을 선택하세요. 모든 형식을 클릭 한 번으로 복사할 수 있습니다.
팔레트 생성기
어떤 이미지에서든 주요 색상 팔레트를 비율과 함께 뽑아내고 CSS, Tailwind 또는 JSON으로 내보내세요.
색상 변환기
HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB 간을 실시간 미리보기와 복사 가능한 값으로 변환하세요.
대비 검사기
자동 제안과 함께 WCAG AA 및 AAA 대비를 확인하고, 색맹 시뮬레이터도 이용해 보세요.
그라디언트 생성기
팔레트로 선형, 원형, 원뿔형 CSS 그라디언트를 만들고 깔끔하게 복사 가능한 코드로 내보내세요.
이름 있는 색상
계열과 밝기별로 수천 가지 이름 있는 색상을 살펴보고 코드를 바로 복사하세요.
왜 더 나은가
실제로 색상을 다루는 사람들을 위해 만들었습니다
픽셀 단위로 정확한 루페
돋보기가 커서를 따라다니며 정확한 픽셀과 실시간 HEX 값을 보여주므로, 색상을 더 이상 추측할 필요가 없습니다.
진짜 팔레트 추출
중앙값 분할 양자화가 고정된 색상 목록이 아닌 실제 주요 색상을 비율과 함께 찾아냅니다.
어디로든 내보내기
CSS 변수, Tailwind @theme, SCSS, JSON, SVG 시트 또는 PNG를 클릭 한 번으로 복사하세요.
접근성 내장
모든 색상이 흰색과 검은색에 대한 WCAG 대비를 보여주며, 전체 검사기와 색맹 시뮬레이터도 제공합니다.
모든 형식
HEX, RGB, HSL, HSV, CMYK와 최신 OKLCH, LAB — 모두 즉시 변환되어 복사할 준비가 됩니다.
설계부터 프라이빗
이미지는 Canvas API로 전적으로 브라우저에서 처리됩니다. 그 무엇도 업로드되지 않습니다.
- 01
이미지 추가하기
파일을 놓거나, 클립보드에서 붙여넣거나, 이미지 URL을 붙여넣으세요. 어떤 것도 기기를 떠나지 않습니다.
- 02
선택 또는 추출
돋보기로 픽셀을 클릭하거나, 시스템 스포이드를 사용하거나, 주요 팔레트를 자동으로 추출하세요.
- 03
복사 또는 내보내기
원하는 형식을 가져가거나, 전체 팔레트를 CSS, Tailwind, SCSS, JSON, SVG 또는 PNG로 내보내세요.
컬러 파인더 가이드
무료 온라인 컬러 파인더 — 어떤 색상이든 선택하고 추출하고 복사하세요
AI Color Finder는 어떤 이미지든 정확하고 바로 복사할 수 있는 색상으로 바꿔주는 무료 온라인 컬러 파인더입니다. 사진, 스크린샷 또는 디자인 시안을 불러와 원하는 픽셀을 클릭하면, 도구가 즉시 HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB 형식의 코드를 반환합니다. 가입도, 파일 업로드도, 워터마크도 없습니다. 모든 계산이 브라우저 안에서 실행되므로 이미지는 기기를 떠나지 않습니다. 빠른 HEX 색상 피커가 필요하든 스크린샷에서 전체 팔레트를 추출하고 싶든, 모든 것이 이 한곳에 있으며 완전히 무료입니다.
컬러 파인더란 무엇인가요?
컬러 파인더는 화면이나 이미지 안의 한 지점에 있는 정확한 색상을 식별해 재사용 가능한 코드로 표현해 주는 도구입니다. 버튼 뒤에 어떤 파란색 음영이 있는지 추측하는 대신, 그 지점을 샘플링해 정확한 값을 읽는 것입니다. 좋은 컬러 파인더는 세 가지를 합니다. 올바른 픽셀을 선택하고, 그 픽셀을 일반적인 색상 형식으로 변환하며, 클릭 한 번으로 코드에 접근할 수 있게 해 CSS, Figma, Tailwind 또는 디자인 명세에 바로 넣을 수 있습니다. AI Color Finder는 이 세 가지를 모두 수행하며, 그 위에 팔레트 추출, 대비 확인, 그라디언트 제작까지 더합니다.
이미지에서 색상 선택 — 선택 방식은 어떻게 되나요
컬러 피커는 이 도구의 핵심입니다. 파일을 업로드하거나, 클립보드에서 붙여넣거나, 이미지를 작업 영역에 놓거나, 이미지 URL을 붙여넣으면 HTML 캔버스에 바로 로드됩니다. 어디에든 마우스를 올리면 돋보기 루페가 커서를 따라다니며, 그 아래 픽셀을 9배 확대해 실시간 HEX 값과 함께 보여주므로 안티앨리어싱된 가장자리를 잘못 읽을 일이 없습니다. 클릭해 색상을 고정하면 사이드바에 모든 형식이 한꺼번에 채워집니다. 브라우저가 네이티브 EyeDropper API를 지원한다면, 스포이드 버튼으로 페이지 밖을 포함해 화면 어디에서든 색상을 샘플링할 수 있습니다. 이미지 컬러 피커, 이미지 색상 찾기, 이미지에서 색상 찾기로서 PNG, JPG, WebP, GIF, SVG를 똑같이 손쉽게 읽어냅니다.
HEX 컬러 피커와 HEX 코드 색상 찾기
대부분의 디자이너는 HEX에 익숙하므로 HEX 컬러 피커가 가장 중심에 있습니다. 선택한 모든 픽셀은 #0070F3 같은 6자리 HEX 코드로 표시되며, 클릭 한 번으로 복사할 수 있습니다. HEX 색상 찾기와 HEX 코드 색상 찾기로서, 이 도구는 HEX 입력도 읽습니다. #ff0080 같은 값을 붙여넣으면 RGB, HSL 등으로 분해합니다. HEX는 빨강, 초록, 파랑을 더 짧게 쓰는 방식일 뿐이므로 — 각 숫자 쌍이 00부터 FF까지 — HEX와 RGB 간 변환은 즉각적이고 손실이 없으며, 도구가 색상을 반올림해 없애버리는 일은 없습니다.
RGB 색상 찾기와 색상 코드 찾기
RGB 색상 찾기는 같은 색상을 0–255 범위의 빨강, 초록, 파랑 채널로 보여줍니다. 이는 UI에서 디자인하는 것이 아니라 코드를 작성할 때 정확히 필요한 것입니다. RGB와 함께 HSL, HSV, CMYK, OKLCH, LAB도 제공되므로, 이 도구는 인쇄, 웹, 접근성, 최신 CSS를 위한 완전한 색상 코드 찾기로 작동합니다. OKLCH와 LAB은 지각적으로 균일하여 톤, 음영, 일관된 테마를 만드는 데 이상적입니다. 커서를 움직이는 순간 모든 값이 갱신되며, 각 값마다 복사 버튼이 있어 수작업 계산 없이 프로젝트에 필요한 형식을 가져갈 수 있습니다.
보색 색상 찾기
색상 하나를 고르는 것은 절반에 불과하며, 나머지 절반은 그와 어울리는 색상을 찾는 것입니다. 보색 색상 찾기는 선택한 색상 주위로 조화를 이루도록 도와줍니다 — 색상환 반대편의 보색과 유사색 및 기타 관련 음영을 제공합니다. 대비 검사기와 함께 사용하면 텍스트와 배경이 WCAG AA 또는 AAA를 충족하는지 확인할 수 있고, 팔레트 생성기와 함께라면 색상 하나를 완전하고 균형 잡힌 배색으로 확장할 수 있습니다. 실제로는 로고에서 브랜드 색상을 샘플링하고, 보색을 찾고, 대비를 검증한 뒤, 전체 세트를 1분 이내에 CSS 변수로 내보낼 수 있다는 뜻입니다.
팬톤 색상 찾기와 이름 있는 색상
때때로 색상에 이름이 필요할 때가 있습니다. 이 도구는 선택한 모든 색상을 가장 가까운 CSS 이름 있는 색상과 일치시키고 색조, 밝기, 채도를 기반으로 설명적인 사람이 읽을 수 있는 이름을 붙여줍니다 — #1E3A8A 대신 "Deep Cobalt"라고 말하고 싶을 때 유용합니다. 팬톤 색상 찾기를 찾고 있다면, 저희 이름 있는 색상 라이브러리는 계열과 밝기별로 수천 가지 색상을 살펴보고 가장 가까운 코드를 복사할 수 있는 개방적이고 부담 없는 방법입니다. 공식 Pantone 대체품은 아니지만, 알아볼 수 있는 색상을 찾고 공유하기 위한 빠르고 무료인 참고 자료입니다.
어떤 이미지에서든 팔레트 추출하기
단일 픽셀을 넘어, 이미지 색상 찾기는 전체 이미지를 한 번에 읽을 수 있습니다. 내장된 팔레트 생성기는 모든 픽셀에 중앙값 분할 양자화를 실행해 실제 주요 색상을 드러내며, 고정된 추측 목록이 아니라 각 색상이 이미지에서 얼마나 많은 비중을 차지하는지 보여줍니다. 여기서 팔레트를 CSS 사용자 지정 속성, Tailwind v4 테마, SCSS 변수, JSON, SVG 색상 시트 또는 PNG로 내보낼 수 있습니다. 사진, 제품 이미지, 스크린샷, 무드 보드 모두가 몇 번의 클릭으로 바로 사용할 수 있는 색상 시스템으로 바뀝니다.
왜 AI Color Finder를 사용해야 할까요?
- 무료이며 무제한 — 모든 도구가 개방되어 있고 계정, 이메일, 신용카드가 필요 없습니다.
- 설계부터 프라이빗 — 이미지는 Canvas API로 처리되며 서버에 업로드되거나 저장되지 않습니다.
- 픽셀 단위로 정확 — 돋보기 루페와 시스템 스포이드가 의도한 정확한 색상을 샘플링하도록 보장합니다.
- 모든 형식 — HEX, RGB, HSL, HSV, CMYK, OKLCH, LAB이 즉시 변환되어 복사할 준비가 됩니다.
- 오프라인 작동 — 페이지가 한 번 로드되면 피커는 연결 없이도 계속 작동합니다.
컬러 피커, HEX 색상 찾기, 이미지 컬러 피커 또는 완전한 이미지 색상 찾기를 검색해 오셨든, 모든 것이 이 한 페이지에 있습니다. 이미지를 불러오고, 색상을 선택하고, 코드를 복사하세요 — 계정도, 비용도, 업로드도 없습니다. 컬러 파인더를 북마크하고 편집기 옆에 두고 사용하세요.
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를 통과합니다.