محول HSL إلى RGB
حوّل HSL إلى RGB أثناء الكتابة — مجانًا، وفورًا، مع مثال توضيحي وجدول للألوان الشائعة.
اكتب قيمة HSL لتظهر لك قيمة RGB المقابلة لها أدناه، أو اختر لونًا من لوحة الألوان.
مثال توضيحي
HSL 11, 100%, 60% = RGB 255, 87, 51
كيف تعمل عملية التحويل
- يصف نظام HSL اللون نفسه من خلال درجة اللون (Hue من 0 إلى 360 درجة على عجلة الألوان)، والتشبع (Saturation)، والإضاءة (Lightness) — وهو مفيد جدًا لتغميق اللون أو تقليل تشبعه بتعديل مكون واحد فقط.
الألوان الشائعة بنظامي HSL و RGB
| اللون | HSL | RGB |
|---|---|---|
| أحمر | 0, 100%, 50% | 255, 0, 0 |
| برتقالي | 39, 100%, 50% | 255, 165, 0 |
| أصفر | 60, 100%, 50% | 255, 255, 0 |
| أخضر | 120, 100%, 25% | 0, 128, 0 |
| سماوي | 180, 100%, 50% | 0, 255, 255 |
| أزرق | 240, 100%, 50% | 0, 0, 255 |
| أرجواني | 300, 100%, 25% | 128, 0, 128 |
| وردي | 350, 100%, 88% | 255, 192, 203 |
| بني | 0, 59%, 41% | 165, 42, 42 |
| أبيض | 0, 0%, 100% | 255, 255, 255 |
| رمادي | 0, 0%, 50% | 128, 128, 128 |
| أسود | 0, 0%, 0% | 0, 0, 0 |
يتم تشغيل كل تحويل في متصفحك. لا يتم تحميل أي شيء تدخله على BroBroGo.
الأسئلة الشائعة
كيف يمكنني تحويل HSL إلى RGB؟
اكتب أو الصق قيمة HSL أعلاه — وستتحدث قيمة RGB تلقائيًا أثناء الكتابة. يمكنك أيضًا اختيار اللون بصريًا باستخدام لوحة الألوان.
هل التحويل دقيق تمامًا؟
يتم تقريب القيم إلى أرقام صحيحة، وهو التنسيق الذي تتوقعه لغات التصميم مثل CSS وأدوات التصميم المختلفة. الفروق الناتجة أصغر بكثير من أن تلاحظها العين البشرية.