محول الألوان HEX وRGB وHSL مجانًا
حوّل الألوان بين HEX وRGB وHSL فورًا داخل متصفحك. مجاني وبدون تسجيل.
كيفية تحويل الألوان أونلاين
- 1
أدخل لونًا أو اختره
انقر على عينة اللون لاستخدام منتقي الألوان المرئي، أو اكتب قيمة HEX (مثل #2E75B6) أو RGB (مثل 46, 117, 182) أو HSL (مثل 211, 60%, 45%) في الحقل المناسب.
- 2
شاهد الصيغ الثلاث فورًا
تتحدّث حقول HEX وRGB وHSL مباشرة أثناء الكتابة أو اختيار اللون.
- 3
انسخ القيمة
انقر على «نسخ» بجانب أي حقل لنسخ قيمة اللون إلى الحافظة.
يمكن التعبير عن ألوان الويب بعدة صيغ بحسب السياق. تدعم CSS صيغ HEX وRGB وRGBA وHSL وHSLA، وتستخدم أدوات التصميم مثل Figma وSketch عادةً HSL في منتقيات الألوان وتصدّر HEX عند التسليم.
HEX هي أكثر الصيغ اختصارًا وتعمل في CSS وHTML وبرامج التصميم. الصيغة المختصرة من 3 خانات (#abc) تتوسع إلى 6 خانات (#aabbcc). أما RGB (أحمر، أخضر، أزرق) فتحدد كل قناة من 0 إلى 255 وتعكس الطريقة التي تبعث بها الشاشات الضوء.
HSL (درجة اللون، التشبع، الإضاءة) هي الصيغة الأسهل للفهم: درجة اللون زاوية على عجلة الألوان (0° = أحمر، 120° = أخضر، 240° = أزرق)، والتشبع يحدد حيوية اللون (0% = رمادي)، والإضاءة تحدد السطوع (0% = أسود، 100% = أبيض). تغيير الإضاءة فقط ينتج تدرجات لونية طبيعية.