تحويل رمز لون Figma إلى صيغة hex + rgb جاهزة للـ CSS.
ترجمة لون علامة طباعية من CMYK إلى RGB لإعادة تصميم الويب.
أخذ عيّنة بكسل من لقطة شاشة وقراءة جميع تدويناتها.
ضبط الصبغة أو الإضاءة لاشتقاق حالة hover من لون علامة.
تحويل قيمة CSS oklch() إلى hex لأدوات لا تدعم بعد فضاءات الألوان الحديثة.
حول محول الألوان
يترجم محوّل الألوان بين تنسيقات HEX وRGB وHSL فورًا. إنه مجاني ويعمل بالكامل في متصفحك ولا يخزّن أي بيانات على أي خادم. أداة أساسية للمصممين والمطورين الذين يحتاجون إلى التبديل بين تنسيقات الألوان في مشاريعهم.
الأسئلة الشائعة
كيف أحوّل لونًا بين التنسيقات؟
أدخل قيمة لون بأي تنسيق مدعوم، مثل كود HEX أو قيم RGB أو قيم HSL. تعرض الأداة فورًا اللون المكافئ في جميع التنسيقات الأخرى، مع معاينة مرئية للون.
هل تُخزّن بياناتي أثناء التحويل؟
لا، تتم جميع التحويلات محليًا في متصفحك. لا تُنقل أي قيم ألوان إلى أي خادم. تجري الأداة حسابات رياضية بسيطة على جهازك مع خصوصية كاملة.
ما تنسيقات الألوان المدعومة؟
تدعم الأداة HEX (مثل #FF5733) وRGB (قيم الأحمر والأخضر والأزرق من 0 إلى 255) وHSL (درجة اللون والتشبع والإضاءة). هذه أكثر تنسيقات الألوان شيوعًا المستخدمة في تصميم الويب وCSS وتطبيقات التصميم الغرافيكي.
لماذا تعطي قيمة hex قيمة rgb مختلفة قليلاً عن أداة التصميم؟
تستخدم جميع التحويلات هنا حساب IEEE-754 العائم ثم تدوّر مرة عند العرض. تدوّر بعض أدوات التصميم (Sketch القديم، عيّنات معيّنة في Photoshop) في كل خطوة مما يتراكم. اعتمد على قيمة hex كقاعدة — هي التمثيل الدقيق بالبت. الـ rgb/hsl المعروضان هنا هما التدوير الرياضي الصحيح.
هل تدعم الأداة الشفافية؟
نعم — RGBA وHSLA وhex بـ 8 خانات (#5b3df8aa) تحافظ جميعها على قناة alpha عبر كل تحويل. التدوينات بدون alpha (CMYK، HSV البسيط) تتجاهلها لتلك التمثيل فقط — تُستعاد alpha عند العودة إلى تدوين يدعمها.