تخطي إلى المحتوى
شعار CrateX.app

CrateX.app

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

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

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

HEX

#

RGB

HSL

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

بداية سريعة

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

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

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

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

دليل الأنماط

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

مرجع الطباعة

تحويل لون الشاشة إلى CMYK كتقدير أولي (يتطلب تجربة طباعة)

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

استخدم المعاينة لفحص سريع للتباين (للنسب الدقيقة استخدم أداة مخصّصة)

سيناريو إضافي

يمكن التعامل مع rgb to hex وcolor picker وcolor code محول ضمن المسار نفسه لتدقيق النتيجة بسرعة قبل النسخ أو التصدير.

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

قواعد الإدخال: يدعم 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 ومسارًا مخصّصًا
لا ألفا: لا تتم معالجة الشفافية

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

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

أسئلة شائعة

5

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