AI-Powered

색상 선택기

화면 또는 모든 이미지에서 색상 선택 – HEX, RGB, HSL, CMYK, 이름, Pantone.

Your files stay on your device - processed locally via WebAssembly, never uploaded

Upload image to pick

JPEG, PNG, WebP

Your browser doesn't support the EyeDropper API. Upload an image to pick colors from instead.
52
152
219
204.07185628742513°
0.6987447698744769%
0.5313725490196078%

All Formats

Palette (0/8)

Click Add to add the current color to your palette.

Contrast Check

#3498DB
vs
#FFFFFF

Sample text

The quick brown fox jumps over the lazy dog

3.15:1
AA AAA
Share this tool with othersHelp others discover free tools
Embed this tool on your website

Copy this code to add the 색상 선택기 to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.

<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="색상 선택기 by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix 색상 선택기</a></p>

❤️ Love this tool? Support our team.

No ads, no tracking, no limits. Tips keep 104 tools free for everyone.

$

Secure payment via Stripe · No account needed

About 색상 선택기

Last updated: May 2026

OptiPix Color Picker를 사용하면 Chromium 브라우저의 네이티브 EyeDropper API를 사용하여 화면의 모든 색상을 가져오거나 업로드된 이미지에서 픽셀 단위의 정확도로 색상을 선택할 수 있습니다. 선택한 모든 색상은 HEX, RGB, HSL, HSV, CMYK, 가장 가까운 CSS 명명 색상 및 가장 가까운 Pantone Solid Coated 스와치로 표시됩니다. 각 형식에는 자체적인 한 번의 클릭으로 복사할 수 있는 버튼이 있습니다. 내장된 HSL 및 RGB 슬라이더를 사용하여 색상을 미세 조정하세요. 기록 스트립은 브라우저 세션에 걸쳐 마지막 30개의 선택 항목을 기억합니다. 최대 8가지 색상의 팔레트를 구축하고 CSS 사용자 정의 속성, JSON 또는 다운로드 가능한 PNG 스트립으로 내보낼 수 있습니다. 통합 WCAG 대비 검사기는 모든 색상 쌍에 대해 AA/AAA 통과/실패 배지를 표시합니다. 모든 것이 로컬에서 실행됩니다. 화면 픽셀과 업로드된 이미지는 기기를 벗어나지 않습니다. 브랜드 색상을 선택하는 디자이너, 스크린샷에서 색상을 가져오는 개발자, 대비를 확인하는 접근성 감사자, 네이티브 아이드로퍼와 색상 변환기 간 전환에 지친 모든 사람에게 적합합니다.

How It Works

화면 선택기는 1픽셀 샘플링을 위해 브라우저의 네이티브 EyeDropper API를 호출합니다. 이미지 선택은 getImageData를 통해 2D 캔버스에서 단일 픽셀을 샘플링합니다. 형식 변환은 순수 수학입니다. RGB↔HSL↔HSV↔CMYK - 명명된/Pantone 매처는 참조 목록에 대해 제곱 유클리드 거리를 계산합니다.

Use Cases

  • 디자인 시스템에 사용할 스크린샷에서 색상 가져오기
  • 온라인에서 찾은 HEX를 RGB, HSL 또는 Pantone으로 변환
  • 무드보드 이미지에서 브랜드 팔레트 구축
  • 배포 전에 두 색상의 WCAG 대비 확인
  • HEX 코드에서 CSS 명명 색상 식별

You Might Also Like

If you find 색상 선택기 useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.

Frequently Asked Questions

화면 아이드로퍼가 모든 브라우저에서 작동하나요?
EyeDropper API는 Chromium 기반 브라우저(Chrome, Edge, Brave, Opera) 버전 95 이상에서 작동합니다. Firefox와 Safari는 아직 지원하지 않지만, 이미지를 업로드하여 모든 브라우저에서 색상을 선택할 수 있습니다.
Pantone 색상이 정확한가요?
Pantone 색상은 컴팩트한 PMS Solid Coated 참조에서 가장 가까운 스와치에 맞춰집니다. Pantone은 화면에서 정확하게 재현할 수 없는 별색 잉크를 사용하므로, 이는 영감 및 발견에 적합한 근사치이며 인쇄 전 색상 매칭에는 적합하지 않습니다.
내 화면 픽셀 데이터가 어디로 전송되나요?
아니요. EyeDropper API는 브라우저에서 전적으로 실행되며 선택한 색상은 기기에 그대로 유지됩니다. 업로드된 이미지는 로컬 캔버스로 디코딩되며 절대 업로드되지 않습니다.
팔레트를 내보낼 수 있나요?
예. 추가를 클릭하여 색상을 추가한 다음 CSS 변수, JSON으로 내보내거나 PNG 팔레트 스트립을 다운로드하세요.
WCAG 대비를 어떻게 확인하나요?
내장된 대비 확인 섹션을 사용하세요. 현재 색상이 선택한 두 번째 색상과 쌍을 이루며, 대비 비율과 AA/AAA 통과/실패 배지가 표시됩니다.

Related Tools

More AI Analysis Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter