Skip to content
Zoyku

محوّل الألوان

الصق لوناً بصيغة hex أو rgb() أو hsl() واحصل على الصيغ الثلاث مع صف جاهز من التفتيحات والتغميقات لنظام تصميمك.

Color (hex, rgb() or hsl())
#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)
Tints & shades

The swatch row mixes the color with white (left) and black (right) at 20/40/60/80% — handy for hover states and dark-mode variants.

تعمل هذه الأداة بالكامل داخل متصفحك. بياناتك لا تغادر جهازك أبداً — لا يتم رفعها إلى أي خادم.

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

  1. 1الصق لوناً بأي من الصيغ الثلاث — hex أو rgb() أو hsl().
  2. 2اقرأ القيم المحوَّلة وانسخ ما تحتاجه.
  3. 3التقط التفتيحات والتغميقات من صف العينات أدناه.

محوّل الألوان

أطعمه #0071e3 أو rgb(0, 113, 227) أو hsl(211, 100%, 45%) — يكتشف المحلل الصيغة تلقائياً ويخرج hex وRGB وHSL دفعة واحدة، وكل منها بزر نسخ بنقرة.

تحت القيم، يخلط صف التفتيح والتغميق لونك بالأبيض والأسود بخطوات 20/40/60/80%: حالات تحويم وحدود وتنويعات وضع داكن فورية دون فتح أداة تصميم.

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

كيف يتحول HSL إلى RGB؟

عبر الربط الأسطواني القياسي بـ RGB: الكرومية c = (1 − |2L − 1|) × S، وقيمة وسيطة x يحددها قطاع التدرج، ثم يُزاح كل قناة بمقدار m = L − c/2. المعادلات هي الصيغ الكتابية، فتطابق النتائج أدوات التصميم.

لماذا يظهر كود لوني كغير صالح؟

الصيغ المقبولة هي #RGB / #RRGGBB وrgb(r, g, b) وhsl(h, s%, l%). يجب أن تبقى القنوات في نطاقها (0–255 لـ RGB، و0–360 للتدرج، و0–100% للبقية) وأن تفصل كل أجزاء بفاصلة أو مسافة.

ما فائدة التفتيحات والتغميقات؟

تصنع التفتيحات (المخلوطة بالأبيض) خلفيات التحويم والشارات والبطاقات؛ وتصنع التغميقات (المخلوطة بالأسود) حالات الضغط والحدود وأسطح الوضع الداكن. اشتقاق الاثنين من لون علامة واحد يبقي كل حالات الواجهة متسقة بصرياً.

تضمين هذه الأداة

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

<iframe src="https://zoyku.com/ar/tools/color-converter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-converter" loading="lazy"></iframe>
100% local processing