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