ForHosting KIT · قراءة المواقع ومراقبتها

تحويل تنسيقات ألوان CSS بين HEX وRGB وHSL وCMYK

يمكنكم تحويل اللون بين HEX وRGB وHSL وCMYK من دون فتح برنامج تصميم أو إعادة كتابة المعادلات.

● Betaمجاني · داخل متصفحك

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

أدخلوا تعبير لون كاملًا، واختاروا التنسيق المطلوب، وستحصلون على قيمة منسقة جاهزة للنسخ. تتحقق الأداة من الصياغة قبل الحساب، وتضبط القنوات الرقمية ضمن نطاقاتها الصحيحة، وتبلغ عن المدخلات سيئة التكوين بدل تخمينها. لذلك تناسب تعديلات CSS السريعة وكذلك العمليات الآلية القابلة للتكرار.

أدخلوا تعبير لون كاملًا ومعروفًا

استخدموا صيغة مدعومة: HEX من ثلاثة أو ستة أرقام مثل <code>#f80</code> أو <code>#ff8800</code>، أو <code>rgb()</code> المفصول بفواصل، أو <code>hsl()</code> و<code>cmyk()</code> بنسب مئوية. يحتاج RGB إلى ثلاث قنوات، ويحتاج HSL إلى درجة لون ونسبتين، ويحتاج CMYK إلى أربع نسب. يجب إبقاء علامة الرقم وعلامات النسبة المطلوبة، مع السماح بالمسافات حول الفواصل. تمنع هذه القواعد الصارمة تفسير القيمة الناقصة كلون آخر. لا تدعم الأداة قنوات ألفا أو أسماء ألوان CSS أو الصياغة الحديثة المفصولة بمسافات أو فضاءات لونية أخرى. إذا لم يطابق النص إحدى الصيغ الأربع، تعيد الأداة خطأ إدخال واضحًا بدل نتيجة محتملة غير موثوقة.

افهموا الضبط والتحويل والتقريب

بعد التحقق من البنية، تُضبط كل قناة ضمن نطاق نموذجها. تبقى RGB بين 0 و255، ودرجة لون HSL بين 0 و360، والتشبع والإضاءة بين 0 و100 بالمئة. وتبقى مكونات CMYK أيضًا بين 0 و100 بالمئة. لذلك يعادل <code>rgb(300, -8, 20)</code> اللون <code>rgb(255, 0, 20)</code>. لا يصلح الضبط قناة مفقودة أو اسم دالة خاطئًا أو علامة نسبة محذوفة. يعتمد التحويل حساب sRGB حتميًا. تقرّب مخرجات HEX وRGB إلى أعداد صحيحة، بينما تحتفظ HSL وCMYK بمنزلتين عشريتين كحد أقصى من دون أصفار زائدة. توضح الاستجابة تنسيق المصدر والهدف، مما يتيح للأنظمة الآلية التأكد من مسار التحليل المستخدم.

استخدموا النتيجة في CSS وسير العمل

تتضمن الاستجابة قيمة موحدة جاهزة للنسخ مع تسميتين موجزتين للمصدر والهدف. يظهر HEX بستة أرقام كبيرة، وتحافظ RGB وHSL وCMYK على فواصل ومسافات ثابتة. يمكنكم تكييف رمز تصميم مع مكتبة مكونات، أو التحقق من سمة مستوردة، أو توحيد ألوان النماذج من دون تبعية رسومية. تحويل CMYK هنا رياضي، وليس ملف ICC خاصًا بطابعة ولا ضمانًا لمظهر الحبر الفعلي. كما لا تُحفظ قناة ألفا. يناسب المتصفح التحويلات الفردية، بينما تكلف كل استجابة API مقدار $0.002 وتوفر العملية الحتمية نفسها للنصوص البرمجية وعمليات البناء والاختبارات والدفعات المضبوطة.

حالات الاستخدام

توحيد رموز التصميم

حوّلوا مدخلات HEX وRGB وHSL وCMYK المختلطة إلى الصيغة الوحيدة التي يتطلبها ملف الرموز.

إعداد قيمة CSS

حوّلوا لونًا مستلمًا إلى تعبير HSL أو RGB أو HEX منسق وجاهز لورقة الأنماط.

التحقق من الألوان المستوردة

ارفضوا السجلات سيئة التكوين واضبطوا بأمان القنوات الصحيحة التي تتجاوز حدودها المعلنة.

الأسئلة الشائعة

ما تكلفة التحويل عبر API؟

تكلف كل استجابة API مقدار $0.002. ويمكن استخدام أداة المتصفح للتحويلات الفردية.

ما تنسيقات الإدخال المقبولة؟

تُقبل HEX من ثلاثة أو ستة أرقام، وrgb() بثلاث قنوات، وhsl() بدرجة لون ونسبتين، وcmyk() بأربع نسب.

ماذا يحدث للقناة الخارجة عن النطاق؟

تُضبط القناة الصحيحة بنيويًا: RGB إلى 0–255، ودرجة اللون إلى 0–360، ونسب HSL أو CMYK إلى 0–100.

هل قنوات ألفا مدعومة؟

لا. تُرفض HEX التي تتضمن ألفا، وكذلك rgba() وhsla()، بوصفها مدخلات سيئة التكوين.

لماذا لا تُصحح المدخلات سيئة التكوين؟

قد يؤدي تخمين الصياغة الناقصة إلى تغيير اللون المقصود. لا يُضبط سوى تجاوز النطاق الرقمي.

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/web/color-format-convert

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/web/color-format-convert \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#ff8800","target_format":"hsl"}'

const res = await fetch("https://api.kit.forhosting.com/web/color-format-convert", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color": "#ff8800",
    "target_format": "hsl"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/color-format-convert",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#ff8800",
    "target_format": "hsl"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/color-format-convert", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color":"#ff8800","target_format":"hsl"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color":"#ff8800","target_format":"hsl"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/color-format-convert", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "color": "#ff8800",
  "target_format": "hsl"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.color_format_convert",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الحدود

`timeout_sec`	30
`max_crawl_pages`	25

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←