Hex إلى رمادي بخلوص HSL
حوّل لوناً ست عشرياً إلى رمادي بطريقة HSL: في #e74c3c أعلى قناة 231 وأدناها 60، فيكون الخلوص (231 + 60) / 2 = 145.5 والرمادي الناتج #929292. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- اللون
- #e74c3c
- القيمة
- 146
- HEX المدخل
- #e74c3c
- مدخل RGB
- 231, 76, 60
- المقاومة (Ω)
- 231
محول Hex إلى تدرج رمادي بالخلوص (lightness) يسقط لونًا سداسيًا معتمًا على رمادي محايد واحد وفق تعريف HSL الكلاسيكي للخلوص: متوسط القناة القصوى والقناة الدنيا بين الأحمر والأخضر والأزرق. الصقوا #e74c3c أو #3498db أو الشكل المختصر ثلاثي الأرقام مثل #f0a؛ توسع الأداة ال Hex، وتقرأ كل قناة كعدد صحيح من صفر إلى مئتين وخمسة وخمسين، وتحسب L يساوي max زائد min على اثنين، وتقرب إلى بايت الرمادي الأقرب، وتعيد ثلاثي ال Hex الرمادي والقيمة العددية وسلسلة CSS بصيغة rgb() وقناتي max وmin والحساب خطوة بخطوة. يحتاج المصممون الذين يزيلون تشبع رموز العلامة على محور خلوّص HSL، والمطورون الذين يقارنون رمادي الخلوص برمادي الإضاءة، ومراجعو إمكانية الوصول الذين يتحققون من التباين أحادي اللون بعد إزالة تشبع خالصة، والاختبارات الآلية التي تحتاج ثوابت رمادي حتمية، إلى هذا التعيين الدقيق (max+min)/2 دون فتح محرر صور كامل.
لماذا يختلف خلوّص HSL عن الرمادي بالإضاءة
هناك أكثر من طريقة معيارية لطي لون إلى رمادي، واختيار المعادلة الخاطئة يغير بصمت التباين ونماذج الطباعة والسمات أحادية اللون. يعامل خلوّص HSL القناة الأكثر سطوعًا والأكثر ظلامًا فقط كمدخلات ذات أهمية: L هو متوسط القناة القصوى والقناة الدنيا بين الأحمر والأخضر والأزرق. الأحمر الخالص #ff0000 والأخضر الخالص #00ff00 والأزرق الخالص #0000ff تشترك في max مئتين وخمسة وخمسين وmin صفر، لذا تعين الثلاثة إلى نفس الرمادي المتوسط تحت الخلوص رغم اختلافها الشديد للعين.
أما وزن الإضاءة فيضرب القنوات بمعاملات BT.601 ثابتة تبرز الأخضر وتضعف الأزرق، فيصبح الأخضر الخالص رماديًا أفتح من الأزرق الخالص. لا طريقة منهما خاطئة؛ فهما تجيبان عن نيات بحث مختلفة. من يكتب hex إلى رمادي بالخلوص أو إزالة تشبع HSL إلى رمادي أو محول متوسط max min إلى رمادي يطلب تعريف HSL لا معادلة luma التلفزيون.
تنفذ هذه الصفحة مسار الخلوص فقط، وتوثق المعادلة في كل استجابة ناجحة، وتترك التحويل بالإضاءة للمحول الشقيق من لون إلى رمادي ذي المعاملات الموزونة. غالبًا ما تحدد تمارين الصف ومقابلات البرمجة الخلوص صراحة ك max زائد min على اثنين؛ فالمرجع الحتمي يزيل الغموض حول تطبيع القنوات أولًا إلى صفر–واحد، وكيفية تقريب أنصاف الأعداد، وما إذا وسع Hex ثلاثي الأرقام قبل أخذ max وmin.
نصائح عملية وحدود وعمليات بحث ذات صلة
عند كتابة اختبارات الوحدة، غطوا أحمرًا زاهيًا واحدًا على الأقل، وأزرقًا مخضرًا يغلبه الأخضر، وأزرقًا خالصًا يجب أن يطابق الأحمر الخالص تحت الخلوص، ومدخلًا رماديًا مسبقًا يجب أن يعود إلى نفسه، واختصارًا ثلاثي الأرقام، وHexا غير صالح عمدًا حتى لا تنسل انحدارات التحقق. تذكروا أن الخلوص يعامل الألوان الأولية الخالصة كمتساوية السطوع: إن احتاج منتجكم سطوعًا مدركًا موزونًا نحو الأخضر فاستخدموا محول الرمادي بالإضاءة بدل هذه الصفحة. لا تمرروا أشكال ألفا مثل #RRGGBBAA — هذه الصفحة تحول Hexا معتمًا فقط وترفض الأطوال غير المتوقعة.
يجب حل ألوان CSS المسماة وسلاسل rgb() إلى Hex أولًا ثم تمريرها هنا، لتبقى واجهة التحقق سلسلة لون واحدة محددة بوضوح. تستهدف هذه الصفحة من يبحث عن hex إلى رمادي بالخلوص، أو محول رمادي بخلوص HSL، أو متوسط max min إلى رمادي من Hex، أو إزالة تشبع Hex بالخلوص مجانًا عبر الإنترنت؛ وليست مزيل تشبع للصور كاملًا، ولا محولًا متعدد الفضاءات ل LAB أو CMYK، ولا مولد لوحات.
فضلوا هذه القدرة عندما يكون لديكم رمز Hex واحد وتحتاجون فقط رماده بخلوص HSL وقيمته الصحيحة؛ وإن وجب على خط الأنابيب ما زال إصدار مكونات HSL أو الصبغة أو التشبع، فاستخدموا محول Hex إلى HSL لتلك الحقول وهذه الأداة لخطوة أحادي اللون.
حالات الاستخدام
رموز أحادية اللون على محور HSL
يلصق المصممون رموز Hex للعلامة ويتلقون قيم Hex رمادية بخلوص HSL لسمات أحادية اللون يجب أن تطابق سلوك CSS لإزالة التشبع إلى الخلوص لا أوزان الإضاءة.
اختبارات وحدة لإزالة التشبع بالخلوص
ولدوا قيم رمادي مرجعية من ثوابت Hex حتى تؤكد محركات السمات رياضيات (max+min)/2 المستقرة وتلتقط الانحدار عند التحول من معادلات الإضاءة.
مقارنة رمادي الخلوص برمادي الإضاءة
حولوا نفس ال Hex بهذه الأداة وبمحول إضاءة لتوثيق تباعد الألوان الأولية الخالصة، ثم اختاروا الطريقة التي يوثقها نظام التصميم لديكم.
الأسئلة الشائعة
ما المعادلة التي يستخدمها Hex إلى رمادي بالخلوص؟
خلوص HSL على قنوات 8 بت: L = (max(R,G,B) + min(R,G,B)) / 2، مقرب إلى أقرب عدد صحيح من 0 إلى 255. يكرر Hex الرمادي ذلك البايت ثلاث مرات ك #YY.
كيف يختلف ذلك عن الرمادي بالإضاءة؟
يوسط الخلوص فقط القناة الأكثر سطوعًا والأكثر ظلامًا. تزن الإضاءة R وG وB (كلاسيكيًا 0.299 و0.587 و0.114). يشترك الأحمر والأخضر والأزرق الخالص في نفس رمادي الخلوص لا نفس رمادي الإضاءة.
ما تنسيقات اللون المقبولة؟
Hex #RGB أو #RRGGBB مع # أولي اختياري، دون تمييز لحالة الأحرف. لا تقبل Hex مع ألفا ولا ألوان CSS المسماة ولا سلاسل rgb() في هذه الصفحة.
ما الرمادي الذي يعطيه #e74c3c بخلوص HSL؟
يعطي #929292. قنواته هي 231 و76 و60، ويؤخذ متوسط الأعلى والأدنى، (231 + 60) / 2 = 145.5، ثم يُقرَّب إلى قيمة رمادي 146.
لماذا يتحول الأحمر والأخضر والأزرق النقي إلى الرمادي نفسه؟
لأن أعلى قناة في #ff0000 و#00ff00 و#0000ff هي 255 وأدناها 0 في كل منها. وخلوص HSL لا ينظر إلا إلى هاتين القيمتين، فتنتهي الألوان الثلاثة إلى الرمادي المتوسط نفسه.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/grayscale-lightness \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#e74c3c"}'const res = await fetch("https://api.kit.forhosting.com/color/grayscale-lightness", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#e74c3c"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/grayscale-lightness",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#e74c3c"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/grayscale-lightness", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#e74c3c"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#e74c3c"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/grayscale-lightness", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"color": "#e74c3c"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.grayscale_lightness",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
سلاسل اللون غير الصالحة — إدخال فارغ، طول Hex خاطئ، أحرف غير سداسية، بادئة برمجة 0x، أو حقل مفقود — تفشل بخطأ invalid_input واضح بدل اختراع عينة. المسار تحليل وحساب حتميان بحتان — بلا شبكة، بلا بذور عشوائية، بلا اعتماد على ساعة الجدار — لذا يرجع منفذ المتصفح المجاني وواجهة API المدفوعة مسبقًا نفس JSON في كل استدعاء.
كيف تستدعون API وماذا يعود
تزال المسافات المحيطة، وقد تكون أحرف Hex كبيرة أو صغيرة، ورمز المربع الأول اختياري. لا تقبل سوى أجسام سداسية من ثلاثة أو ستة أرقام؛ أما الأشكال ذات الثمانية أرقام مع ألفا، وألوان CSS المسماة مثل rebeccapurple، وسلاسل الدالة rgb()، وحقول القنوات العددية المنفصلة فخارج نطاق هذا العقد المتمركز على السلسلة وسترفض حتى تلاحظوا ذلك بدل إسقاط الألفا بصمت أو اختراع تحليل. أرسلوا جسم JSON يتضمن سلسلة color إلزامية. يقبل حقل color الأسماء البديلة hex وvalue وtext وinput وcode؛ وتشمل الأمثلة الصالحة #e74c3c وe74c3c و#abc وABC. عند النجاح تعيد الاستجابة input_hex وinput_rgb للمصدر المحلول، والعدد الصحيح gray والأسماء البديلة gray_value وvalue، وgray_hex وhex كرمز محايد سداسي الأرقام، وgray_rgb كمصفوفة من ثلاثة عناصر، وcss بصيغة rgb(g, g, g)، وmax_channel وmin_channel، وlightness كالمتوسط قبل التقريب بدقة عرض ثابتة، وformula التي تعيد أن L يساوي max زائد min على اثنين، وmethod مساويًا ل hsl_lightness، وmessage كملخص إنجليزي قصير، وsteps كمصفوفة مرتبة لأسطر الاستبدال للتعليم أو التصحيح. فشل التحقق — غياب color، سلسلة فارغة، طول Hex خاطئ، أحرف غير سداسية، أو بادئة برمجة 0x — يعيد invalid_input ولا يحاسب أبدًا. التسعير مبلغ ثابت $0.002 لكل طلب ناجح بوحدة item. يفضل إرسال الرمز الدقيق الذي صدرته أداة التصميم لديكم، بما في ذلك المربع إن وجد؛ تطبيع الاستجابة دائمًا المصدر إلى input_hex من ستة أرقام بحروف صغيرة لتبقى فروق المراحل اللاحقة مستقرة عبر تنسيقات الحافظة.
نصائح عملية وحدود وعمليات بحث ذات صلة
المهام الفاشلة التي تعيد invalid_input لا تستهلك الرصيد المدفوع مسبقًا، ما يبقي نصوص الاستكشاف والتحقق من النماذج رخيصة أثناء لصق قيم غير كاملة من الحافظة. ثبتوا الرمادي المقرب وgray_hex في الاختبارات الآلية حتى لا يمر تغيير مستقبلي لسياسة التقريب بصمت، ووثقوا أن method هو hsl_lightness عند تخزين النتائج إلى جانب رمادي قائم على الإضاءة من أنظمة أخرى.
أسئلة تقنية
ماذا يحدث عند سلسلة لون غير صالحة؟
تعيد API الخطأ invalid_input مع رسالة تصف المشكلة (إدخال فارغ، طول Hex خاطئ، أحرف غير سداسية، بادئة 0x، وما شابه). فشل التحقق لا يحاسب.
هل Hex إلى رمادي بالخلوص مجاني؟
أداة المتصفح مجانية وتعمل محليًا. تستخدم استدعاءات API رصيد KIT المدفوع مسبقًا بمبلغ $0.002 لكل طلب ناجح؛ ولا تحاسب المهام الفاشلة أبدًا.