محول الألوان

أداة مجانية عبر الإنترنت للتحويل بين تنسيقات الألوان على الفور. يدعم محول الألوان المجاني عبر الإنترنت الألوان السداسية، وRGB، وHSL، وHSV، وCMYK، والألوان المسماة. احصل على معاينات الألوان ومعلومات إمكانية الوصول. لا الاشتراك.

هل ساعدتك هذه الأداة؟

ما هي محول الألوان؟

أداة مطورة قوية مصممة لمساعدتك على العمل بكفاءة أكبر. يوفر Color Converter نتائج دقيقة على الفور من خلال واجهة نظيفة وبديهية. مثالي للمطورين والمهندسين ومحترفي تكنولوجيا المعلومات.

متى تستخدم هذه الآلة الحاسبة

عند تحويل مواصفات ألوان مصمم من Figma أو Sketch إلى قيم متوافقة مع CSS
عند بناء نظام تصميم وتحتاج قيم ألوان متسقة عبر صيغ HEX وRGB وHSL
عند إنشاء لوحات ألوان باستخدام HSL للحفاظ على التشبع والخفة المتسقة
عند التحقق من تباين الألوان للتوافق مع معايير إمكانية الوصول WCAG
عند تحويل قيم الألوان القديمة في الكود إلى صيغة مختلفة لتحقيق الاتساق
عند تنقيح مشكلات ألوان CSS عن طريق التحقق مما يبدو عليه اللون فعلًا

الخطوات:

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

الصيغة

HEX → RGB: تقسيم #RRGGBB إلى قيم عشرية RGB → HSL: تسوية RGB → إيجاد تدرج اللون/التشبع/الإضاءة HSL → RGB: تحويل عبر معادلات الكروما HEX: #RRGGBB (0-255 لكل قناة) RGB: rgb(R, G, B) (0-255) HSL: hsl(H°, S%, L%) (H: 0-360، S/L: 0-100)

حالات الاستخدام

تحويلing CSS اللون القيمةs
إنشاء أنظمة ألوان من ألوان أساسية
مطابقة ألوان نظام التصميم
فهم علاقات الألوان من خلال HSL

الفوائد الرئيسية

Get accurate results instantly in your browser.
يمكنك توفير الوقت من خلال إجراء العمليات الحسابية في الوقت الفعلي أثناء الكتابة.
No data leaves your device - complete privacy.
مجاني للاستخدام على أي جهاز، لا يتطلب التسجيل.

نصائح احترافية

استخدام HSL for intuitive اللون adjustments
استخدام HEX for CSS compatibility
استخدم المعاينة للتحقق من لونك قبل استخدامه
احتفظ بمرجع للتحويلات اللونية الشائعة

الأخطاء الشائعة التي يجب تجنبها

نسيان البادئة # للألوان السداسية عشرية
استخدام قيم RGB أعلى من 255 أو أقل من 0
الخلط بين نطاق تدرج HSL (0-360) و RGB (0-255)

شرح المصطلحات الأساسية

HEX: تمثيل سداسي عشري RGB
RGB: Red Green Blue اللون النموذج
HSL: نموذج تدرج اللون والتشبع والإضاءة
فضاء الألوان: نموذج رياضي لتمثيل الألوان

مفاهيم ذات صلة

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

مثال

الإدخال: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). الإدخال: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

تفسير نتائجك

يدعم المحول ثلاث صيغ ألوان ويعرض القيمة المكافئة في الثلاثة في نفس الوقت. HEX (#RRGGBB) هو الصيغة الأكثر شيوعًا في تطوير الويب. RGB (rgb(R, G, B)) يتحكم مباشرة في قنوات الألوان الفردية. HSL (hsl(H, S%, L%)) هو الأكثر فطرة للبشر — درجة اللون تحدد عائلة اللون، والتشبع يتحكم في الكثافة، والخفة تتحكم في السطوع. يُظهر مؤشر نسبة التباين ما إذا كان تركيب اللون يلبي معايير إمكانية الوصول WCAG. يتطلب الامتثال AA على الأقل 4.5:1 للنص العادي و3:1 للنص الكبير. يتطلب الامتثال AAA على الأقل 7:1 للنص العادي و4.5:1 للنص الكبير.

الأسئلة الشائعة

أدوات ذات صلة

استكشف المزيد من الأدوات

حاسبة نسبة العرض إلى الارتفاع

حاسبة النطاق الترددي

حاسبة وقت التحميل

حاسبة تكلفة الاستضافة السحابية

حاسبة تكلفة شبكة توصيل المحتوى

حاسبة أرباح واجهة برمجة التطبيقات

محول الألوان

ما هي محول الألوان؟

متى تستخدم هذه الآلة الحاسبة

عند تحويل مواصفات ألوان مصمم من Figma أو Sketch إلى قيم متوافقة مع CSS

عند بناء نظام تصميم وتحتاج قيم ألوان متسقة عبر صيغ HEX وRGB وHSL

عند إنشاء لوحات ألوان باستخدام HSL للحفاظ على التشبع والخفة المتسقة

عند التحقق من تباين الألوان للتوافق مع معايير إمكانية الوصول WCAG

عند تحويل قيم الألوان القديمة في الكود إلى صيغة مختلفة لتحقيق الاتساق

عند تنقيح مشكلات ألوان CSS عن طريق التحقق مما يبدو عليه اللون فعلًا

الخطوات:

أدخل مدخلاتك في الحقل أعلاه.

قم بتكوين أي خيارات متاحة لتخصيص الإخراج.

عرض النتائج على الفور مع التحديثات في الوقت الحقيقي.

انسخ نتائجك أو قم بتصديرها لاستخدامها في مشاريعك.

الصيغة

الفوائد الرئيسية

Get accurate results instantly in your browser.

يمكنك توفير الوقت من خلال إجراء العمليات الحسابية في الوقت الفعلي أثناء الكتابة.

No data leaves your device - complete privacy.

مجاني للاستخدام على أي جهاز، لا يتطلب التسجيل.

تفسير نتائجك