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 ให้คุณเลือกสีใดก็ได้จากหน้าจอของคุณโดยใช้ EyeDropper API ดั้งเดิมในเบราว์เซอร์ Chromium หรือเลือกสีจากรูปภาพที่อัปโหลดด้วยความแม่นยำระดับพิกเซล สีที่เลือกแต่ละสีจะแสดงในรูปแบบ HEX, RGB, HSL, HSV, CMYK, สี CSS ที่ใกล้เคียงที่สุด และแถบสี Pantone Solid Coated ที่ใกล้เคียงที่สุด แต่ละรูปแบบมีปุ่มคัดลอกในคลิกเดียว ปรับแต่งสีใดก็ได้ด้วยแถบเลื่อน HSL และ RGB ในตัว แถบประวัติจะจดจำ 30 การเลือกครั้งล่าสุดของคุณในทุกเซสชันเบราว์เซอร์ สร้างชุดสีได้สูงสุด 8 สี และส่งออกเป็น CSS custom properties, JSON หรือแถบ PNG ที่ดาวน์โหลดได้ เครื่องมือตรวจสอบคอนทราสต์ WCAG ในตัวจะแสดงป้ายผ่าน/ไม่ผ่านระดับ AA/AAA สำหรับคู่สีใดๆ ทุกอย่างทำงานแบบโลคัล - พิกเซลหน้าจอและรูปภาพที่อัปโหลดของคุณจะไม่ไปไหน เหมาะสำหรับนักออกแบบที่เลือกสีแบรนด์ นักพัฒนาที่เลือกสีจากภาพหน้าจอ ผู้ตรวจสอบการเข้าถึงที่ยืนยันคอนทราสต์ และทุกคนที่เบื่อกับการสลับไปมาระหว่าง eyedropper ดั้งเดิมและตัวแปลงสี

How It Works

ตัวเลือกหน้าจอเรียกใช้ EyeDropper API ดั้งเดิมของเบราว์เซอร์เพื่อสุ่มตัวอย่างหนึ่งพิกเซล การเลือกรูปภาพจะสุ่มตัวอย่างพิกเซลเดียวจาก 2D canvas ผ่าน getImageData การแปลงรูปแบบเป็นการคำนวณทางคณิตศาสตร์ล้วนๆ - RGB↔HSL↔HSV↔CMYK - และตัวจับคู่ชื่อสี/Pantone จะคำนวณระยะทาง Euclidean ยกกำลังสองกับรายการอ้างอิง

Use Cases

  • เลือกสีจากภาพหน้าจอสำหรับระบบการออกแบบของคุณ
  • แปลง HEX ที่คุณพบทางออนไลน์เป็น RGB, HSL หรือ Pantone
  • สร้างชุดสีแบรนด์จากรูปภาพ mood-board
  • ตรวจสอบคอนทราสต์ WCAG ของสองสีก่อนเผยแพร่
  • ระบุชื่อสี CSS จากรหัส hex

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 หน้าจอทำงานในทุกเบราว์เซอร์หรือไม่?
EyeDropper API ทำงานในเบราว์เซอร์ที่ใช้ Chromium (Chrome, Edge, Brave, Opera) เวอร์ชัน 95+ Firefox และ Safari ยังไม่รองรับ - แต่คุณยังสามารถอัปโหลดรูปภาพและเลือกสีจากรูปภาพนั้นได้ในทุกเบราว์เซอร์
สี Pantone ตรงหรือไม่?
สี Pantone จะถูกจับคู่กับแถบสีที่ใกล้เคียงที่สุดในรายการอ้างอิง PMS Solid Coated แบบกะทัดรัดของเรา Pantone ใช้หมึกสปอตที่ไม่สามารถทำซ้ำได้อย่างแม่นยำบนหน้าจอ ดังนั้นนี่จึงเป็นการประมาณที่เหมาะสมสำหรับการสร้างแรงบันดาลใจและการค้นพบ ไม่ใช่สำหรับการจับคู่สีสำหรับการพิมพ์ล่วงหน้า
ข้อมูลพิกเซลหน้าจอของฉันถูกส่งไปที่ใดหรือไม่?
ไม่ EyeDropper API ทำงานทั้งหมดในเบราว์เซอร์ของคุณและสีที่เลือกจะยังคงอยู่ในอุปกรณ์ของคุณ รูปภาพที่อัปโหลดจะถูกถอดรหัสเป็น canvas ในเครื่องและไม่เคยอัปโหลด
ฉันสามารถส่งออกชุดสีได้หรือไม่?
ได้ - คลิก เพิ่ม เพื่อเพิ่มสี จากนั้นส่งออกเป็น CSS variables, 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