محول الألوان

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

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

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

الصيغة

HEX → RGB: split #RRGGBB into decimal القيمةs

RGB → HSL: normalize RGB → find hue/saturation/lightness

HSL → RGB: تحويل via chroma الصيغةs

HEX: #RRGGBB (0-255 each)

RGB: rgb(R, G, B) (0-255)

HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

كيفية الحساب

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

مثال

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

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

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

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

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

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

استخدام HSL for intuitive اللون adjustments
استخدام HEX for CSS compatibility
استخدام the preview to verify خاصتك اللون before باستخدام it
Keep a reference of شائع اللون conversions

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

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

حالات الاستخدام الشائعة

تحويلing CSS اللون القيمةs
Creating اللون schemes from base اللونs
تطابقing design system اللونs
فهم علاقات الألوان من خلال HSL

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

ما هو الفرق بين HEX وRGB وHSL؟

HEX هو تمثيل سداسي عشري مكون من 6 أرقام (#FF0000). يحدد RGB الألوان على أنها قيم أحمر/أخضر/أزرق (rgb(255, 0, 0)). يستخدم HSL اللون والتشبع والخفة (hsl(0, 100%, 50%)).

Which اللون التنسيق should I استخدام?

HEX هو الأكثر شاعًا في تطوير الويب للألوان البسيطة. يوفر نظام RGB تحكمًا دقيقًا في قنوات الألوان. يعد HSL أكثر سهولة بالنسبة للبشر - اضبط تدرج الألوان للألوان المختلفة، والتشبع للكثافة، والخفة للسطوع.

ما هو the HSL advantage?

HSL أكثر قابلية للقراءة من قبل الإنسان. يمكنك إنشاء أنظمة ألوان عن طريق الحفاظ على ثبات S وL مع تغيير H. على سبيل المثال، hsl(0, 50%, 50%) = أحمر، hsl(120, 50%, 50%) = أخضر، hsl(240, 50%, 50%) = أزرق.