محول HSL إلى HEX
حوّل HSL إلى HEX أثناء الكتابة — مجانًا، وفورًا، مع مثال توضيحي وجدول للألوان الشائعة.
اكتب قيمة HSL لتظهر لك قيمة HEX المقابلة لها أدناه، أو اختر لونًا من لوحة الألوان.
مثال توضيحي
HSL 11, 100%, 60% = HEX #ff5733
كيف تعمل عملية التحويل
- كود HEX هو نفس قنوات RGB الثلاث ولكن مكتوبًا بالنظام الست عشري (base-16): رقمان لكل قناة، من 00 (0) إلى ff (255).
- يصف نظام HSL اللون نفسه من خلال درجة اللون (Hue من 0 إلى 360 درجة على عجلة الألوان)، والتشبع (Saturation)، والإضاءة (Lightness) — وهو مفيد جدًا لتغميق اللون أو تقليل تشبعه بتعديل مكون واحد فقط.
الألوان الشائعة بنظامي HSL و HEX
| اللون | HSL | HEX |
|---|---|---|
| أحمر | 0, 100%, 50% | #ff0000 |
| برتقالي | 39, 100%, 50% | #ffa500 |
| أصفر | 60, 100%, 50% | #ffff00 |
| أخضر | 120, 100%, 25% | #008000 |
| سماوي | 180, 100%, 50% | #00ffff |
| أزرق | 240, 100%, 50% | #0000ff |
| أرجواني | 300, 100%, 25% | #800080 |
| وردي | 350, 100%, 88% | #ffc0cb |
| بني | 0, 59%, 41% | #a52a2a |
| أبيض | 0, 0%, 100% | #ffffff |
| رمادي | 0, 0%, 50% | #808080 |
| أسود | 0, 0%, 0% | #000000 |
يتم تشغيل كل تحويل في متصفحك. لا يتم تحميل أي شيء تدخله على BroBroGo.
الأسئلة الشائعة
كيف يمكنني تحويل HSL إلى HEX؟
اكتب أو الصق قيمة HSL أعلاه — وستتحدث قيمة HEX تلقائيًا أثناء الكتابة. يمكنك أيضًا اختيار اللون بصريًا باستخدام لوحة الألوان.
هل التحويل دقيق تمامًا؟
يتم تقريب القيم إلى أرقام صحيحة، وهو التنسيق الذي تتوقعه لغات التصميم مثل CSS وأدوات التصميم المختلفة. الفروق الناتجة أصغر بكثير من أن تلاحظها العين البشرية.