محول صيغ الألوان
حوّل اللون بين صيغ HEX وRGB وHSL وCMYK مع معاينة فورية (معاينة مباشرة على سطح المكتب)
HEX
#
RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K
تلميح: اسحب أحرف القنوات يمينًا ويسارًا للضبط الدقيق
معاينة
🚀 البدء السريع
- الاختيار/الإدخال: اكتب أي تنسيق مدعوم (#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 وتجارب طباعة.