HEX / RGB / HSL

منتقي الألوان أونلاين (معرفة واستخراج كود اللون HEX و RGB و HSL)

اختر وتعرف على أكواد الألوان بدقة متناهية لمشاريع تصميم المواقع والتطبيقات والرسومات الجرافيكية. تتيح لك الأداة التحويل الفوري واللحظي بين كافة صيغ الألوان القياسية: كود الـ HEX السداسي عشري، وقيم RGB/RGBA للـ CSS، وإحداثيات HSL/HSV المتدرجة، ونظام الطباعة CMYK.

تتضمن الأداة لوحة ألوان تفاعلية ثنائية الأبعاد، وشريط تدرج طيفي، وأداة القطارة (Eyedropper) لالتقاط أي لون من الشاشة أو من الصور المرفوعة محلياً، مع حساب معدلات تباين النصوص وتوافقها مع معايير إمكانية الوصول العالمية (WCAG AA / AAA)، وتخزين سجل الألوان المفضلة لديك.

#2563EB
HEX

#2563EB

RGB

rgb(37, 99, 235)

HSL

hsl(221, 83%, 53%)

HSV

hsv(221, 84%, 92%)

CMYK

cmyk(84%, 58%, 0%, 8%)

على خلفية بيضاء5.17:1
Sample Text Preview
AA PassAAA Fail
على خلفية سوداء4.06:1
Sample Text Preview
AA FailAAA Fail
معالجة محلية 100% داخل المتصفح. لا يتم رفع صورك أو بيانات الألوان لأي خادم.
إعلان
AdSense Slot (top-banner)Pre-allocated container to prevent CLS

طريقة الاستخدام (خطوة بخطوة)

1

1. اختيار أو كتابة كود اللون

انقر على لوحة التدرج اللوني التفاعلية، أو حرك مؤشر الطيف، أو استخدم أداة القطارة، أو اكتب كود اللون بصيغة HEX أو RGB أو HSL.

2

2. فحص التنسيقات ونسب التباين

شاهد تحويل اللون الفوري إلى كافة الصيغ البرمجية مع تقييم نسبة التباين والقراءة على الخلفيات البيضاء والسوداء.

3

3. نسخ كود اللون وحفظه في اللوحة

اضغط على زر النسخ بجانب الصيغة المطلوبة لاستخدامها في أكواد CSS أو برامج التصميم، أو أضف اللون إلى لوحة المفضلة لديك.

المميزات والفوائد الأساسية

تحويل شامل ودقيق لكافة الصيغ

تحويل رياضي مباشر بين كود HEX (#2563eb) و RGB rgb(37, 99, 235) و HSL hsl(221, 83%, 53%) و HSV و CMYK.

فحص التباين ومعايير WCAG 2.1

حساب نسبة التباين اللوني لضمان سهولة قراءة النصوص وتوافق تصميم موقعك مع معايير إمكانية الوصول لذوي الاحتياجات.

أداة القطارة واستخراج اللون من الصور

التقاط كود أي لون مباشرة من الشاشة أو من الصور المرفوعة دون رفع أي صورة إلى خوادم خارجية.

سجل الألوان ومولد التدرجات العشوائية

حفظ سجل الألوان المستخدمة وتوليد درجات ألوان عشوائية متناسقة بنقرة واحدة للإلهام السريع.

إعلان
AdSense Slot (in-content)Pre-allocated container to prevent CLS

الأسئلة الشائعة

ما الفرق بين صيغ الألوان HEX و RGB و HSL؟
كود HEX هو تمثيل سداسي عشري من 6 أحرف لقيم الأحمر والأخضر والأزرق (مثل #3b82f6). صيغة RGB تحدد شدة كل لون من 0 إلى 255. بينما صيغة HSL تعبر عن تدرج اللون (Hue) والتشبع (Saturation) والإضاءة (Lightness)، وهي الأكثر سهولة وتفهماً للمصممين.
كيف يتم قياس نسبة تباين الألوان (WCAG Contrast)؟
يتم احتساب النسبة بناءً على معادلة اللمعان النسبي المعتمدة من منظمة W3C، حيث يشترط نسبة لا تقل عن 4.5:1 للنصوص العادية (مستوى AA) ونسبة 7:1 لتحقيق أعلى مستويات التباين (مستوى AAA).
هل يمكنني استخراج كود اللون من صورة خاصة بي؟
نعم، يمكنك رفع أي صورة إلى الأداة واستخدام مؤشر الفحص لالتقاط كود أي بكسل بدقة 100% عبر معالجة محلية بالكامل داخل المتصفح.

أدوات أونلاين ذات صلة