Real Color Picker Logo
Real Color Picker
منتقي ألوان مجاني 100% • بدون تسجيل حساب

منتقي الألوان المجاني عبر الإنترنت واستوديو لوحات الألوان

استخرج أكواد HEX و RGB و HSL و OKLCH الدقيقة بواسطة منتقي ألوان الصور. ارفع صورة، الصق من الحافظة (Ctrl+V) أو التقط الألوان من الشاشة بعدسة تكبير 16x.

اسحب الصورة وأفلتها هنا، أو تصفح الملفات

الصق من الحافظة (Ctrl+V / Cmd+V) أو اسحب الملف من سطح المكتب

PNG, JPG, WEBP, SVG, GIFالحجم الأقصى 25 ميجابايتمعالجة داخلية 100% في المتصفح

ارفع صورة أو اختر نموذجاً من الأعلى للبدء في استخراج الألوان

100%
Clickانقر لتحديد وتثبيت اللون•↑ ↓ ← →للضبط الدقيق بمقدار 1 بكسل
اللون المحدد
#0070F3
اللون النشطVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

أكواد وصيغ الألواننسخ
History0 / 20
تناسقات وتوافق الألوان
التدرجات والظلال
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%);
الزاوية135°
نقاط التدرج
Preset Styles
مكتبة اللوحات المحفوظة100% Client-Side

مجموعات الألوان المحفوظة بخصوصية كاملة داخل متصفحك

أفضل منتقي ألوان مجاني واستوديو لوحات ألوان عبر الإنترنت

مخصص للمطورين والمصممين والمبدعين الذين يبحثون عن دقة البكسل وسرعة الاستجابة الفائقة.

01

عدسة مكبرة 16x فائقة الدقة

عرض شبكة البكسلات الفردية والتحكم الدقيق بمفاتيح الأسهم لالتقاط البكسل المطلوب تماماً.

02

استخراج ذكي للوحات الألوان

خوارزمية K-Means لاستخراج اللوحات البارزة والنابضة بالحياة بنقرة واحدة.

03

فحص WCAG 2.1 وتصدير الأكواد

فحص نسب التباين AA/AAA ومحاكاة عمى الألوان وتصدير كود Tailwind CSS v4 فوراً.

كيفية استخدام منتقي الألوان Real Color Picker

اتبع هذه الخطوات الأربع البسيطة لاستخراج وتحليل وتصدير أكواد الألوان من أي صورة.

1

ارفع أو التقط الصورة

اسحب الملفات (PNG, JPG, WEBP, SVG) أو الصق من الحافظة (Ctrl+V) أو التقط من الشاشة.

2

كَبّر وحدد البكسل الدقيق

مرر العدسة المكبرة 16x واستخدم الأسهم للضبط بمقدار 1 بكسل ثم انقر لتثبيت اللون.

3

عاين الأكواد والتناسقات اللونية

انسخ فورياً أكواد HEX و RGB و HSL و CMYK و LAB و OKLCH وتناسقات الألوان المكملة.

4

احفظ وصدّر أكواد البرمجة

خزن اللوحات في مكتبتك الخاصة أو صدّر مباشرة لـ Tailwind CSS v4 ومتغيرات CSS و 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% وسريعة تعمل بالكامل على جهاز المستخدم للمصممين والمطورين.
ما هي أداة منتقي الألوان (Color Picker)؟
هي أداة رقمية تتيح تحديد وقياس قيم الألوان الدقيقة من الشاشات أو الصور وتحويلها إلى أكواد قياسية مثل HEX و RGB و HSL و CMYK و OKLCH.
كيف استخرج كود اللون من صورة على الكمبيوتر أو الهاتف؟
اسحب الصورة أو الصقها في الموقع. بعد التحميل، حرك العدسة المكبرة 16x فوق الصورة وانقر على أي بكسل لنسخ كود الـ HEX فوراً.
هل هذه الأداة مجانية 100% وبدون قيود؟
نعم، Real Color Picker مجاني تماماً وبدون أي اشتراكات أو قيود على عدد الصور أو التوليد.
هل أحتاج لإنشاء حساب لحفظ لوحات الألوان؟
لا حاجة لإنشاء حساب. يتم حفظ كافة لوحاتك بأمان وخصوصية داخل ذاكرة التخزين المحلية لمتصفحك (localStorage).
ما الذي يجعل هذا المنتقي أفضل من قطارة المتصفح العادية؟
نوفر عدسة تكبير 16x مع شبكة بكسلات ومؤشر استهداف مركزي، وإمكانية التحريك بمفاتيح الأسهم بدقة 1 بكسل لمنع الأخطاء.
هل يمكنني توليد لوحات ألوان عشوائية بزر المسافة؟
نعم! في صفحة منشئ اللوحات، اضغط على زر المسافة لتوليد ملايين التناسقات اللونية المتوازنة بلمح البصر.
ما الفرق بين Color Picker و Hex Color Picker؟
هما اسمان لنفس الغرض. يرمز Hex Color Picker إلى تنسيق كود اللون بنظام الستة خانات السداسي عشري (مثل #0070F3) المستخدم في برمجة الويب.
كيف تقيس الأداة توافق التباين WCAG 2.1؟
تحسب السطوع النسبي بدقة حسب معايير W3C WCAG 2.1 لتقييم مستويات AA (الحد الأدنى 4.5:1) و AAA (الحد الأدنى 7:1).
هل صوري المرفوعة تظل خاصة وآمنة؟
نعم بنسبة 100%. تتم كافة معالجة الصور واستخراج الألوان داخل متصفحك عبر HTML5 Canvas ولا يتم إرسال أي صورة إلى أي خادم خارجي.