محوّل الألوان
حوّل بين رموز الألوان HEX وRGB وHSL فوريًا. يشمل منتقي ألوان، مجاني.
690 مشاهدة
ما هي HEX وRGB وHSL؟
HEX (مثل #ff8000) يكتب قيم الأحمر والأخضر والأزرق كأرقام سداسية عشرية، وهو الترميز الأكثر شيوعًا على الويب. RGB (مثل rgb(255, 128, 0)) يعبّر عن القنوات الثلاث نفسها كأعداد عشرية من 0 إلى 255. أما HSL (مثل hsl(30, 100%, 50%)) فيصف اللون عبر التدرج والتشبع والإضاءة — وهو الشكل الأنسب لاشتقاق نسخ أفتح أو أغمق من لون ما.
اختر لونًا من المنتقي أو اكتب رمز HEX — تتحدث الترميزات الثلاثة فورًا. استخدمه عند كتابة CSS، أو بناء لوحة تصميم، أو التعبير عن ألوان العلامة التجارية بصيغ مختلفة.
الأسئلة الشائعة
كيف أحوّل لون HEX إلى RGB؟
يمثّل كل زوج من أرقام HEX قناة واحدة بالنظام السداسي عشري: في #ff8000، ff=255 (أحمر)، 80=128 (أخضر)، 00=0 (أزرق)، أي rgb(255, 128, 0). تقوم هذه الأداة بالتحويل تلقائيًا.
هل رموز HEX المكونة من 3 أرقام (مثل #f80) مدعومة؟
نعم. يتمدد الترميز المختصر مثل #f80 بمضاعفة كل رقم ليصبح #ff8800؛ تقبل الأداة كلا الشكلين.
متى يُفضَّل استخدام HSL؟
عندما تحتاج إلى نسخ أفتح أو أغمق أو أكثر خفوتًا من لون ما، يكون HSL الشكل الأكثر عملية: غيّر قيمة الإضاءة (L) أو التشبع (S) فقط للحصول على درجات متسقة. يدعم CSS ترميز hsl() مباشرةً.
أدوات مشابهة
الإبلاغ عن مشكلة
محوّل الألوان