تحويل CMYK إلى HSL

أدخل نسب السماوي والأرجواني والأصفر والأسود لتحصل على قيم HSL، وهي صيغة تسهّل صنع درجات أفتح وأغمق في CSS.

جارٍ تحميل الأداة…

المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.

طريقة الاستخدام

  1. أدخل السماوي (C)، الأرجواني (M)، الأصفر (Y) والأسود (K).
  2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
  3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

مع النسب كسورا من 0 إلى 1: R = 255 × (1 - C) × (1 - K) وG = 255 × (1 - M) × (1 - K) وB = 255 × (1 - Y) × (1 - K). ثم (دون تقريب RGB): نأخذ max وmin من R/255 وG/255 وB/255 وd = max - min، فتكون L = (max + min) / 2 وS = d / (1 - |2L - 1|)، وH = 60 × ((G - B) / d mod 6) إذا كان R الأكبر، أو 60 × ((B - R) / d + 2) إذا كان G الأكبر، أو 60 × ((R - G) / d + 4) إذا كان B الأكبر.

مثال

المدخلات: السماوي (C) = ⁦60 %⁩، الأرجواني (M) = ⁦20 %⁩، الأصفر (Y) = ⁦0 %⁩، الأسود (K) = ⁦20 %⁩. النتيجة: كود HSL: hsl(200, ⁦54.5%⁩, ⁦56%⁩)، الصبغة (H): 200 °، التشبع (S): ⁦54.5 %⁩.

الحدود والملاحظات

  • قيم CMYK هنا من الصيغة البسيطة المستقلة عن الجهاز دون ملف ICC، فلا تطابق مطبعة أو ورقا أو حبرا بعينه.
  • تُقرّب القيم في الكود إلى منزلة عشرية واحدة، لذلك قد يختلف التحويل العكسي بمقدار 1 في إحدى قنوات RGB.
  • تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.

أسئلة شائعة عن هذه الأداة

لماذا تنخفض الإضاءة L عندما يرتفع K؟

لأن K يغمّق كل القنوات معا، فلا يمكن أن تتجاوز الإضاءة L القيمة (100 ناقص K)%.

بأي صيغة أُدخل قيم CMYK؟

أدخل كل قناة نسبة مئوية من 0 إلى 100 كما تظهر في برامج التصميم، وليس كسرا من 0 إلى 1.

هل أستطيع لصق نتيجة HSL في CSS مباشرة؟

نعم، الدالة hsl() مدعومة في كل المتصفحات الحديثة، وسطر CSS في النتائج جاهز للنسخ كما هو.