عتّم لونًا بخفض قيمة HSV
عتّم لوناً دون أن تنحرف صبغته: إزالة 25% من قيمة HSV تحوّل #40A0FF إلى #3078BF، بالصبغة والتشبع نفسيهما، مع عرض أرقام RGB وHSV إلى جانبه. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- اللون
- #40A0FF
- الكمية
- 25
- الأصلي
- #40A0FF
- Hex
- #3078BF
تنشئ هذه الأداة نسخة أغمق من اللون السداسي بخفض مكوّن القيمة في HSV مع إبقاء درجة اللون والتشبّع ثابتين. أدخل لونًا من ثلاثة أو ستة أرقام وحدد النسبة التي تريد إزالتها من قيمته الحالية. تعيد الأداة اللون الأصلي بعد توحيد صيغته، والرمز السداسي المعتم، وقنوات RGB الصحيحة، ومكوّنات HSV الناتجة. ولأن الحساب يعتمد عمليات ثابتة وتقريبًا صريحًا، فإن المدخلات المتطابقة تعطي دائمًا النتيجة نفسها. أما الألوان غير الصالحة والنسب الواقعة خارج المجال من صفر إلى مئة فتنتج خطأ إدخال واضحًا، من دون تخمين أو تصحيح صامت.
كيف يغيّر خفض قيمة HSV اللون
يصف نموذج HSV اللون بدرجته وتشبّعه وقيمته. تحدد الدرجة موقعه على عجلة الألوان، ويبيّن التشبّع مدى ابتعاده عن الرمادي المحايد، وتمثل القيمة أسطع قناة RGB كنسبة مئوية. لا تغيّر هذه الأداة إلا المكوّن الأخير.
فهي تحلل أولًا الرمز السداسي إلى قنوات الأحمر والأخضر والأزرق، ثم تحولها إلى HSV، وتضرب القيمة الحالية في واحد ناقص المقدار المطلوب مقسومًا على مئة. لذلك فإن مقدار خمسة وعشرين بالمئة يُبقي خمسة وسبعين بالمئة من القيمة الأصلية، ولا يطرح خمسًا وعشرين نقطة ثابتة. يهم هذا الفرق مع الألوان الداكنة أصلًا، لأن الخفض النسبي يتدرج طبيعيًا ولا يمكن أن يولّد قيمة سالبة.
ومع ذلك يُطبق حد صفري صريح لتوضيح السلوك عند الطرف. تبقى درجة اللون والتشبّع ثابتين، فيظل الأزرق الزاهي من النوع نفسه لكنه يصبح أغمق. عند صفر بالمئة لا يتغير اللون إلا من حيث توحيد الصيغة، وعند مئة بالمئة تصبح القيمة صفرًا وتكون النتيجة سوداء.
تختلف هذه العملية عن خفض إضاءة HSL، لأن قيمة HSV تتبع أكبر قناة RGB، وهذا يناسب منتقيات الألوان ومسارات العمل القائمة على HSV.
إدخال ألوان ونسب صالحة
قدّم color كسلسلة سداسية بأسلوب CSS من ثلاثة أو ستة أرقام، مع علامة التجزئة في البداية أو من دونها. تُوسّع الصيغة المختصرة مثل #3AF قناةً قناةً إلى #33AAFF قبل التحويل. تُقبل الحروف الكبيرة والصغيرة، ويُعاد اللون الأصلي الموحّد في صيغة من ستة أرقام كبيرة.
تُرفض صيغ ألفا ذات الأربعة أو الثمانية أرقام، لأن هذه القدرة تحول لونًا معتمًا ولا تركّب الشفافية فوق خلفية. تُهمل المسافات المحيطة بالسلسلة كلها، لكن المسافات أو علامات الترقيم داخل الرمز غير صالحة. يحدد الحقل الإلزامي amount النسبة المراد إزالتها من قيمة HSV الحالية.
يجب أن يكون عددًا محدودًا بين صفر ومئة شاملًا الحدين، ويمكن استخدام الكسور العشرية لإنشاء رموز تصميم دقيقة. يقبل الحل سلاسل الأرقام لتوافق النماذج، لكنه يرفض الفراغ والنص غير الرقمي واللانهاية والأعداد السالبة وما يزيد على مئة. لا يخترع التحقق لونًا افتراضيًا ولا يقيد نسبة خاطئة بصمت، وبذلك تكتشف العمليات الآلية أخطاء الإعداد قبل نشر درجة غير مقصودة.
تتضمن الاستجابة الأصل، والرمز المعتم، والمقدار، وأعداد RGB الصحيحة، وقيم HSV بالدرجات والنسب المئوية.
استخدام النتائج الحتمية في مسارات التصميم
استخدم أداة المتصفح لاشتقاق حالة زر مضغوط، أو فحص عينة أغمق في مخطط، أو مقارنة درجات السطوع من دون تثبيت برنامج رسومي. لا يستدعي الحساب الشبكة أو الساعة، ولا يستخدم العشوائية أو أي نموذج، لذا تصلح نتائجه لبيانات الاختبار المحفوظة ومفاتيح التخزين المؤقت. تُقرّب قنوات RGB إلى أقرب عدد صحيح بعد التحويل من HSV فقط، وتُقرّب حقول HSV المعروضة إلى ست منازل عشرية.
تمنع هذه السياسة ذيول الفاصلة العائمة الطويلة مع الاحتفاظ بدقة كافية للمراجعة. لبناء سلم درجات، طبّق مقادير متعددة على اللون الأساسي نفسه بدل ربط النتائج، فتتجنب تراكم فروق التقريب. اختر هذه القدرة عندما تكون القاعدة خفض قيمة HSV تحديدًا.
أما إذا كنت تحتاج إلى إضاءة HSL أو OKLCH، أو مزج ألفا، أو بلوغ تباين مستهدف، فاستخدم التحويل المختص بذلك لأن هذه النماذج تجيب عن احتياجات مختلفة.
حالات الاستخدام
إنشاء حالات التفاعل
أنشئ ألوانًا قابلة للتكرار لحالات التحويم والنشاط والضغط انطلاقًا من رمز أساسي وباستخدام نسب موثقة لخفض قيمة HSV.
بناء سلم درجات HSV
طبّق نسبًا متعددة على لون مصدر واحد وصدّر رموزًا سداسية ثابتة من دون تراكم أخطاء التقريب.
توحيد مسار الرسومات
استخدم الضبط الحتمي نفسه في معاينات المتصفح وعمليات بناء الخادم والاختبارات والوثائق المولدة.
الأسئلة الشائعة
ما الذي تخفضه النسبة تحديدًا؟
تزيل تلك النسبة من قيمة HSV الحالية. فعلى سبيل المثال، تُبقي نسبة 20 بالمئة مقدار 80 بالمئة من القيمة الأصلية.
هل قيمة HSV هي نفسها إضاءة HSL؟
لا. تعتمد قيمة HSV على أكبر قناة RGB، بينما تستخدم إضاءة HSL منتصف القناتين الكبرى والصغرى، ولذلك قد تختلف النتائج الداكنة.
ما صيغ الألوان المقبولة؟
استخدم سلاسل سداسية من ثلاثة أو ستة أرقام، مع علامة التجزئة في البداية أو من دونها. تُرفض صيغ ألفا وأسماء الألوان.
ماذا يحدث عند صفر ومئة بالمئة؟
يحافظ الصفر على اللون مع توحيد صيغته السداسية، بينما تضبط المئة قيمة HSV على صفر وتعيد اللون الأسود.
كيف أجعل اللون #40A0FF أغمق بنسبة 25 بالمئة؟
أدخل #40A0FF لوناً و25 مقداراً. تحتفظ الأداة بنسبة 75% من القيمة الحالية وتعيد #3078BF، أي RGB 48، 120، 191، مع الصبغة والتشبع نفسيهما.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/dim-hsv \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#40A0FF","amount":25}'const res = await fetch("https://api.kit.forhosting.com/color/dim-hsv", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#40A0FF",
"amount": 25
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/dim-hsv",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#40A0FF",
"amount": 25
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/dim-hsv", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#40A0FF","amount":25}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#40A0FF","amount":25}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/dim-hsv", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"color": "#40A0FF",
"amount": 25
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.dim_hsv",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
إدخال ألوان ونسب صالحة
يمكن استعمال hex بديلًا من color، وpercent أو percentage بديلًا من amount.
استخدام النتائج الحتمية في مسارات التصميم
استخدم API عندما يحتاج مترجم السمات أو مسار رموز التصميم أو بناء الوثائق أو خدمة الأصول إلى تكرار التحويل نفسه. يبدأ سعر كل عنصر ناجح عبر API من $0.002. يأتي الرمز السداسي دائمًا من ستة أرقام كبيرة، فيكون جاهزًا لخصائص CSS أو رموز JSON أو تعبئة canvas.
أسئلة تقنية
هل تُقيّد النسبة غير الصالحة تلقائيًا؟
لا. تعيد القيم المفقودة أو غير المحدودة أو السالبة أو الأعلى من مئة الخطأ invalid_input كي يظل خطأ الإعداد ظاهرًا.
كم تبلغ تكلفة API؟
يبدأ سعر كل عنصر ناجح عبر API من $0.002، ويمكن تشغيل الحل الحتمي نفسه مجانًا في المتصفح.