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