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 الأصلية في متصفحات Chromium، أو اختيار الألوان من أي صورة تم تحميلها بدقة بكسل. يتم عرض كل لون تم التقاطه بتنسيقات HEX، RGB، HSL، HSV، CMYK، وأقرب لون مسمى في CSS، وأقرب عينة Pantone Solid Coated. كل تنسيق له زر نسخ خاص به بنقرة واحدة. اضبط أي لون باستخدام منزلقات HSL و RGB المدمجة. يحتفظ شريط السجل بآخر 30 لونًا تم التقاطها عبر جلسات المتصفح. قم ببناء لوحة ألوان تصل إلى 8 ألوان وقم بتصديرها كخصائص CSS مخصصة، JSON، أو شريط PNG قابل للتنزيل. يعرض مدقق التباين WCAG المدمج شارات النجاح/الفشل AA/AAA لأي زوج من الألوان. كل شيء يعمل محليًا - بكسلات شاشتك والصور التي تم تحميلها لا تغادر جهازك أبدًا. مثالي للمصممين الذين يلتقطون ألوان العلامات التجارية، والمطورين الذين يلتقطون عينات من لقطات الشاشة، ومدققي إمكانية الوصول الذين يتحققون من التباين، وأي شخص سئم من التبديل بين أدوات التنقيط الأصلية ومحولات الألوان.

How It Works

تستدعي أداة التقاط الشاشة واجهة برمجة تطبيقات EyeDropper الأصلية للمتصفح لأخذ عينات بكسل واحد. تلتقط أداة التقاط الصور بكسلًا واحدًا من لوحة ثنائية الأبعاد عبر getImageData. تحويلات التنسيق هي مجرد عمليات حسابية - RGB↔HSL↔HSV↔CMYK - ويقوم مطابِق الألوان المسماة/Pantone بحساب المسافة الإقليدية المربعة مقابل قائمة مرجعية.

Use Cases

  • التقاط لون من لقطة شاشة لنظام التصميم الخاص بك
  • تحويل أي HEX تجده عبر الإنترنت إلى RGB أو HSL أو Pantone
  • بناء لوحة ألوان العلامة التجارية من صورة لوحة الإلهام
  • التحقق من تباين 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 في المتصفحات المستندة إلى Chromium (Chrome، Edge، Brave، Opera) الإصدار 95+. لا يدعمها Firefox و Safari حتى الآن - ولكن لا يزال بإمكانك تحميل صورة واختيار الألوان منها في أي متصفح.
هل ألوان Pantone دقيقة؟
تتم مطابقة ألوان Pantone مع أقرب عينة في مرجعنا المرجعي المدمج PMS Solid Coated. تستخدم Pantone أحبارًا خاصة لا يمكن إعادة إنتاجها بدقة على الشاشة، لذا فهذا تقريب مناسب للإلهام والاكتشاف، وليس لمطابقة الألوان قبل الطباعة.
هل يتم إرسال بيانات بكسل شاشتي إلى أي مكان؟
لا. تعمل واجهة برمجة تطبيقات EyeDropper بالكامل في متصفحك ويظل اللون الملتقط على جهازك. يتم فك تشفير الصور التي تم تحميلها إلى لوحة محلية ولا يتم تحميلها أبدًا.
هل يمكنني تصدير لوحة ألوان؟
نعم - انقر فوق إضافة لإضافة الألوان، ثم قم بالتصدير كمتغيرات 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