Tools Hub
EnglishEspañol
أداة في الصور

محول صيغ الألوان

انقل قيم ألوان علامتك بدقة بين مختلف الصيغ التي يحتاجها التصميم وكود الويب.

ابدأ الأداةكل أدوات الصور

الخصوصية: يعمل المحول محلياً داخل متصفحك؛ لا ترسل الألوان وقيم الأكواد التي تدخلها ولا تخزن في أي مكان.

واجهة الأداة بالإنجليزية

الأزرار والحقول داخل المساحة أدناه بالإنجليزية حتى تُترجم الواجهة. الشرح والخطوات والأسئلة حولها بالعربية، ويمكنك الكتابة بالعربية مباشرة في حقول النص.

Open the English page

Input

Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), or a CSS colour name.

Preview updates as you type. Alpha is shown only when below 1.

Result

HEX
#3366ff
RGB
rgb(51, 102, 255)
HSL
hsl(225, 100%, 60%)
HSV
225°, 80%, 100%
CMYK
80%, 60%, 0%, 0%
Relative luminance
0.1743WCAG 2.x formula, 0 for black and 1 for white.

Contrast on common backgrounds

These are WCAG 2 contrast ratios for this colour used as text. Body text needs 4.5:1 and large text needs 3:1. Use the contrast checker for a full pass/fail breakdown against your own background.

  • On white: 4.68:1
  • On black: 4.49:1

Picked value: #3366ff

يقرأ محول الألوان الرموز المدخلة بصيغ Hex أو rgb() أو rgba() أو hsl() أو hsla() أو أسماء ألوان CSS القياسية، ويعيد تحويلها إلى كافة الصيغ البرمجية والتصميمية المعتمدة. يعتمد المحلل نفس معايير فاحص التباين المعتمدة لضمان تطابق الألوان بين صفحات التصميم وكود الويب. تتضمن النواتج قيم HEX و HEX8 مع قناة ألفا، و RGB، و HSL، و HSV، وتقريباً رياضياً لصيغة CMYK، بالإضافة إلى نسبة الإضاءة النسبية وفق معايير سهولة الوصول WCAG. يوفر المحول منتقي ألوان مرئياً تفاعلياً لتسهيل الاختيار، مع حساب كافة التحويلات محلياً داخل متصفحك دون إرسال أي بيانات لخوادم خارجية.

كيف تستخدم محول صيغ الألوان

  1. اكتب لوناً أو اختر واحداً عبر المنتقي المرئي.
  2. اقرأ كل صيغة في لوحة الناتج مباشرة.
  3. انسخ الصيغ كاملة، أو افتح فاحص التباين لمعايير الوصول.

ما تحصل عليه

  • أكواد اللون بصيغ HEX و HEX8 وسلاسل rgb() و rgba() و hsl() و hsla().
  • قيم المركبات التحليلية لأنظمة HSL و HSV و CMYK.
  • مقياس الإضاءة النسبية ونسبة تباين WCAG مع اللونين الأبيض والأسود.

متى تستخدم محول صيغ الألوان

  • ترجمة رموز Hex لهوية العلامة التجارية إلى صيغة rgb() أو hsl() لملفات أنماط CSS.
  • قراءة درجات HSL الدقيقة للألوان المستخرجة من شاشات التصميم والواجهات.
  • فحص نسبة إضاءة اللون وتباينه قبل اعتماده في نصوص المواقع والتطبيقات.
  • الحصول على تقدير لوني لصيغة CMYK للمطبوعات الورقية الأولية.

أسئلة شائعة عن محول صيغ الألوان

هل قيمة CMYK دقيقة للطباعة؟

إنها تحويل رياضي من RGB وليست فصلاً قائماً على ملف تعريف لوني، فالطباعة الحقيقية تحتاج ملف ICC للمطبعة وبروفة معتمدة.

هل يدعم المحول الشفافية؟

نعم، تُحلل ألفا من HEX8 و rgba() و hsla() وتُحفظ في النواتج التي تدعمها، وتظهر في عينة المعاينة التفاعلية.

لماذا تبدو HSL وHSV مختلفتين؟

تصفان اللون نفسه بمحاور مختلفة، إذ تستخدم HSL الإضاءة، بينما تستخدم HSV القيمة والسطوع، فتنتج أرقاماً متمايزة لكل نموذج.

هل يُحسب التباين مع ألفا؟

لا، يعتمد تباين WCAG على ألوان معتمة، فتُتجاهل قناة ألفا في ذلك الرقم. ركّب اللون على خلفيته أولاً إن كانت الشفافية مؤثرة.

أدوات عربية ذات صلة

⚡تضمين أداة محول صيغ الألوان في موقعك مع الشارة (Embed & Badge)↓

انسخ كود التضمين أو الشارة لإضافة الأداة إلى موقعك أو مدونتك أو ملفات README مع شارة اعتماد خفيفة وسريعة.

الارتفاع:
<iframe src="https://salaq.com/embed/image/color-converter" title="محول صيغ الألوان — Tools Hub" width="100%" height="640" style="border:0;border-radius:12px;overflow:hidden;max-width:100%;" loading="lazy"></iframe>
<p style="font-size:12px;color:#6b7280;margin-top:6px;font-family:system-ui,-apple-system,sans-serif;">مشغل بواسطة <a href="https://salaq.com/ar/tools/image/color-converter" target="_blank" rel="noopener" style="color:#2563eb;text-decoration:underline;">أداة محول صيغ الألوان من Tools Hub</a></p>

العودة إلى الصور