Real Color Picker Logo
Real Color Picker
100% 무료 컬러 피커 • 회원가입 불필요

무료 온라인 컬러 피커 & 팔레트 스튜디오

이미지 색상 추출기로 정확한 HEX, RGB, HSL 및 OKLCH 코드를 추출하세요. 사진 업로드, 클립보드 붙여넣기(Ctrl+V) 또는 16배 정밀 돋보기로 화면에서 색상을 추출하세요.

여기에 이미지를 드래그 앤 드롭하거나 파일 선택

클립보드에서 붙여넣기(Ctrl+V / Cmd+V) 또는 바탕화면에서 드래그

PNG, JPG, WEBP, SVG, GIF최대 25MB100% 브라우저 로컬 처리

색상 추출을 시작하려면 위에서 이미지를 업로드하거나 샘플을 선택하세요

100%
Click클릭하여 색상 선택 및 고정•↑ ↓ ← →1픽셀 정밀 미세 조정을 위한 방향키
선택된 색상
#0070F3
활성 색상Vercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

색상 코드 및 포맷복사
History0 / 20
색상 조화 (Harmonies)
음영 및 명암 (Shades & Tints)
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

팔레트 생성 스튜디오

조화로운 색상 조합을 생성하거나 이미지에서 직접 색상을 추출하세요

WCAG 대비 및 접근성 스튜디오

WCAG 2.1 웹 접근성 명도 대비 비율과 색각 이상 가독성을 실시간 평가

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
일반 본문 텍스트 (16px)AAA 통과

키스의 고유조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다

고대비 접근성 및 가독성을 실시간으로 확인하는 미리보기입니다.

계산된 대비율4.52 : 1
일반 텍스트 (AA)통과
큰 텍스트 (AA)통과
일반 텍스트 (AAA)미달
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

CSS 그라디언트 스튜디오

다양한 색상 지점의 모던 CSS 그라디언트를 제작하고 코드를 복사하세요

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
각도 (Angle)135°
색상 지점 (Stops)
Preset Styles
저장된 팔레트 라이브러리100% Client-Side

브라우저에 안전하게 보관된 개인 색상 컬렉션

최고의 무료 온라인 컬러 피커 & 팔레트 스튜디오

프론트엔드 개발자, UI/UX 디자이너, 크리에이터를 위해 서브픽셀 정밀도와 초고속 응답 속도로 설계되었습니다.

01

16배 서브픽셀 돋보기

개별 픽셀 그리드와 키보드 방향키 미세 이동으로 1픽셀 단위의 정확한 추출을 지원합니다.

02

스마트 K-Means 색상 추출

고속 군집화 알고리즘으로 이미지 속 지배적인 메인 컬러와 포인트 컬러를 1클릭 추출합니다.

03

WCAG 2.1 검사 및 코드 내보내기

AA/AAA 명도 대비 검사와 색약 시뮬레이션, Tailwind CSS v4 토큰 코드를 즉시 제공합니다.

Real Color Picker 사용 방법

디지털 이미지에서 색상 코드를 추출하고 내보내는 4단계 간단 가이드.

1

이미지 업로드 또는 화면 추출

이미지 파일(PNG, JPG, WEBP, SVG)을 드래그하거나 붙여넣고(Ctrl+V), 화면 스포이트를 사용하세요.

2

돋보기로 원하는 픽셀 조준

16배 루페로 확대하고 방향키로 1픽셀 미세 조정한 후 클릭하여 색상을 고정합니다.

3

색상 코드 및 조화색 확인

HEX, RGB, HSL, CMYK, LAB, OKLCH 코드와 보색·유사색을 바로 확인하고 복사하세요.

4

토큰 저장 및 코드 내보내기

로컬 라이브러리에 저장하거나 Tailwind CSS v4, CSS Variables, Figma 형식으로 내보내세요.

색상 포맷 레퍼런스 가이드

Real Color Picker는 8가지 이상의 표준 색상 공간으로 즉시 상호 변환합니다.

Format포맷권장 용도 및 규격
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

자주 묻는 질문 (FAQ)

온라인 컬러 피커, 이미지 스포이트 및 색상 변환에 대한 모든 궁금증을 해결해 드립니다.

Real Color Picker는 Google과 관련이 있나요?
Real Color Picker는 독립적인 웹 도구이며 Google과 제휴되어 있지 않습니다. 디자이너와 개발자를 위해 100% 무료이며 안전한 브라우저 기반 색상 도구를 제공합니다.
컬러 피커 도구란 무엇인가요?
화면이나 이미지의 특정 픽셀 색상 값을 정밀하게 측정하고 HEX, RGB, HSL, CMYK, OKLCH 등의 표준 디지털 코드로 변환해주는 디지털 유틸리티입니다.
PC나 모바일에서 이미지 색상 코드를 어떻게 추출하나요?
이미지를 드래그 앤 드롭하거나 붙여넣으세요. 이미지가 열리면 16배 돋보기로 확인하며 원하는 픽셀을 클릭하여 HEX 코드를 복사합니다.
이 도구는 정말 100% 무료이며 무제한인가요?
네, Real Color Picker는 유료 결제나 사용 횟수 제한 없이 모든 기능을 평생 무료로 이용할 수 있습니다.
팔레트를 저장하려면 회원가입을 해야 하나요?
회원가입이 필요 없습니다. 모든 팔레트는 사용자의 브라우저 로컬 저장소(localStorage)에 안전하고 비공개로 저장됩니다.
일반 브라우저 스포이트 도구와 무엇이 다른가요?
16배 초고배율 돋보기, 격자 픽셀 가이드라인, 십자선, 방향키를 통한 1픽셀 미세 조정 기능을 갖추고 있어 정확도가 탁월합니다.
스페이스바를 눌러 랜덤 색상 팔레트를 만들 수 있나요?
네! 팔레트 생성기 페이지에서 스페이스바를 누르면 색채 조화 이론에 기반한 수백만 가지 색상 조합을 탐색할 수 있습니다.
Color Picker와 Hex Color Picker의 차이는 무엇인가요?
동일한 도구를 의미합니다. Hex Color Picker는 웹 개발에서 널리 쓰이는 6자리 16진수 코드(예: #0070F3) 형식으로 색상을 출력합니다.
WCAG 2.1 명도 대비는 어떻게 평가하나요?
W3C WCAG 2.1 공식 규격에 따라 상대 휘도를 정밀 계산하여 AA 레벨(최소 4.5:1) 및 AAA 레벨(최소 7:1) 부합 여부를 검사합니다.
업로드한 이미지가 서버에 저장되나요?
아닙니다. 모든 이미지 분석과 픽셀 계산은 브라우저 내부의 HTML5 Canvas 상에서만 실행되며 외부 서버로 전송되지 않습니다.