تخطي إلى المحتوى

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

حوّل لونًا واحدًا محليًا بين HEX سداسي الأرقام (#RRGGBB) وRGB وHSL وCMYK، مع منتقي ألوان ولون عشوائي ومعاينة مباشرة وعناصر تحكم بالقنوات وقيم HEX/RGB/HSL قابلة للنسخ إلى CSS وترميز CMYK مرجعي.

HEX

#

RGB

HSL

CMYK

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

بداية سريعة

1
أدخل HEX من 6 أرقام أو قنوات RGB/HSL/CMYK
2
استخدم المنتقي أو لونًا عشوائيًا، ثم راجع القيم المتزامنة

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

تسليم التصميم

تحويل HEX من التصميم إلى RGB/HSL الخاص بـ CSS

دليل الأنماط

توحيد تنسيقات اللون وأسلوب الكتابة ضمن مكتبة المكوّنات

مرجع الطباعة

قم بتحويل لون الشاشة إلى CMYK كتقدير أولي، ثم قم بالتأكيد من خلال التدقيق وسير عمل الطباعة

إمكانية الوصول

استخدم المعاينة لإجراء فحص بصري سريع فقط؛ استخدم أداة تباين مخصصة للحصول على النسب الدقيقة

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

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

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

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

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

اختلاف الأجهزة: تختلف إدارة الألوان في الشاشات/المتصفحات/الأنظمة؛ قد يختلف المظهر
CMYK تقريبي: تعتمد القيم على ملفات تعريف ICC والورق والحبر والأجهزة والتدقيق؛ استخدم هذا كمرجع، وليس كقيمة جاهزة للطباعة
لا ألفا: هذه الأداة لا تعالج قيم الشفافية أو rgba() أو hsla() أو #RGBA أو #RRGGBBAA.
مجموعة الألوان الفرعية CSS: الألوان المسماة، والشفاف، واللون الحالي، وHWB، وHSV/HSB، وLab، وLCH، وOKLab، وOKLCH، وDisplay-P3، وdevice-cmyk()، والألوان النسبية، وcolor-mix()، وcontrast-color() خارج هذه الأداة
لا توجد أدوات للصور أو لوحة الألوان: هذه الصفحة لا تقوم بأخذ عينات من الصور، أو قطارة الشاشة، أو إنشاء لوحة الألوان، أو إنشاء التدرج، أو عمليات التحقق من نسبة التباين، أو تصدير متغير CSS، أو تصدير رمز التصميم المميز

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

تتم المعالجة في المتصفح. قد يبقى اللون الحالي في جلسة المتصفح الحالية. وإذا حفظت مساحة عمل أو فعّلت WebDAV، فقد يُحفظ اللون الحالي أو تتم مزامنته ضمن مساحة العمل. لا تُخزَّن المخرجات المشتقة وسجل التراجع والأخطاء المؤقتة أو تتم مزامنتها كبيانات منفصلة، ولا تحتفظ الأداة بقائمة للألوان الأخيرة. لا تقرأ هذه الصفحة الصور ولا تأخذ عينات من الشاشة ولا تجلب عناوين URL ولا ترسل الألوان للتحويل على الخادم. على الأجهزة المشتركة، امسح اللون وبيانات الموقع عند الحاجة.

أسئلة شائعة

5

تابع الخطوة التالية باستخدام هذه الأدوات ذات الصلة.

تتم كل معالجة الأدوات محليًا داخل متصفحك.