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

يدعم التحويل بين صيغ الألوان HEX وRGB وHSL وCMYK، مع توفير معاينة فورية ومنتقي ألوان. تحويل متزامن تلقائي، مناسب لتسليم التصميم وتنسيق CSS وتوحيد دليل الأسلوب.

إرشادات الاستخدام

🚀 بداية سريعة

الاختيار/الإدخال: اكتب أي تنسيق مدعوم (#1E90FF، rgb(30,144,255)، hsl(210,100%,56%)) أو استخدم منتقي الألوان
تحويل تلقائي: إدخال أي تنسيق يحدّث البقية فورًا
نسخ: استخدم زر النسخ بجوار كل تنسيق للحصول على سلسلة موحّدة

📌 سيناريوهات شائعة

تسليم التصميم: تحويل HEX من التصميم إلى RGB/HSL الخاص بـ CSS
دليل الأنماط: توحيد تنسيقات اللون وأسلوب الكتابة ضمن مكتبة المكوّنات
مرجع الطباعة: تحويل لون الشاشة إلى CMYK كتقدير أولي (يتطلب تجربة طباعة)
إمكانية الوصول: استخدم المعاينة لفحص سريع للتباين (للنسب الدقيقة استخدم أداة مخصّصة)

🎛️ معلمات التحويل والعرض

قواعد الإدخال: يدعم HEX ست خانات فقط (بدون Alpha)؛ RGB من 0–255؛ و H من 0–360؛ و S/L من 0–100؛ و CMYK من 0–100. الإدخال غير حساس لحالة الأحرف
المعاينة: على سطح المكتب تظهر معاينة حية على اليمين؛ وعلى الجوال لا تُعرض المعاينة
مُلتقط الألوان: زر لوحة الألوان أعلى يمين كل بطاقة
سياسة أحرف HEX الكبيرة: الإخراج موحّد بأحرف كبيرة (مثلاً #1E90FF)؛ الإدخال غير حساس لحالة الأحرف؛ لا يوجد مفتاح تبديل
الضبط الدقيق: اسحب أحرف القنوات يميناً ويساراً (Shift×10، Alt÷0.1)
نسخ الإخراج: زر النسخ يُنتج سلاسل قياسية (HEX بأحرف كبيرة)

🧭 نصائح الاستخدام

الدقة: إدارة الألوان تختلف حسب الجهاز؛ قد تختلف قيم أداة القطّارة قليلًا بين التطبيقات
ألفا: التنسيقات الحالية لا تتضمن ألفا؛ استخدم rgba()/hsla() أو قناة منفصلة
فضاء الألوان: الويب يعتمد sRGB؛ في P3/Display‑P3 تحقّق بعناية
اتساق الفريق: اتفقوا على تنسيق قياسي في CSS (مثل HSL)

⚠️ القيود والتوافقية

اختلاف الأجهزة: تختلف إدارة الألوان في الشاشات/المتصفحات/الأنظمة؛ قد يختلف المظهر
‏CMYK تقريبي: قيم إرشادية؛ للطباعة الفعلية استخدم ملفات ICC ومسارًا مخصّصًا
لا ألفا: لا تتم معالجة الشفافية

🔒 الخصوصية والأمان

تتم جميع المعالجة داخل متصفحك؛ ولا تغادر بياناتك جهازك

❓ أسئلة شائعة

هل تدعم صيغة #RGB المختصرة؟

غير مدعومة حالياً؛ يرجى استخدام HEX من 6 خانات (#RRGGBB).

ما نطاقات RGB وHSL؟

‏RGB: ‏0–255 (أعداد صحيحة)؛ ‏H: ‏0–360، ‏S/L: ‏0–100%

لماذا يختلف ‎CMYK عن نتيجة الطباعة؟

‏CMYK يعتمد على الورق والحبر والجهاز وملفات ICC؛ القيم هنا تقريبية — التجربة مطلوبة

هل يدعم ألفا (rgba()/hsla())؟

غير مدعوم حالياً؛ استخدم rgba()/hsla() أو قيّم ألفا بشكل منفصل.

لماذا تختلف المعاينة/القيم عن تطبيقات التصميم أو المتصفحات؟

إدارة الألوان والعرض ومعايرة الشاشة تختلف. الأداة تحسب وفق sRGB؛ والنتيجة إرشادية.

هل هناك دعم لنطاق لوني واسع (P3/Display‑P3)؟

حالياً الحساب على sRGB؛ في تدفقات P3 تحقّق على الجهاز الهدف ومع ملفات ICC.

هل يمكن التحويل من CMYK إلى HEX/RGB؟

ممكن، لكن CMYK→شاشة تقريبية؛ الطباعة الجادّة تحتاج ICC وتجارب طباعة.