محول الألوان
حوّل الألوان بين HEX وRGB وHSL وHWB وCMYK مع دعم الشفافية ومعاينة مباشرة.
كيف يعمل
يُحوّل محوّل الألوان قيم الألوان بين صيغ HEX وRGB وHSL وHSV باستخدام معادلات رياضية قياسية دون تقريب.
أدخل اللون بأي صيغة مدعومة: سداسي عشري (#RRGGBB) أو RGB (مثل rgb(255, 128, 0)) أو HSL (مثل hsl(30, 100%, 50%)) أو HSV. تحسب الآلة تلقائياً جميع التمثيلات الأخرى في آنٍ واحد.
aستخدم منتقي الألوان للاختيار البصري دون الحاجة للإدخال اليدوي.
HEX الأشيع في CSS وHTML. RGB مناسب للعمليات البرمجية. HSL أكثر سهولةً عند ضبط التدرج والتشبع والسطوع.
مثال عملي
أدخل #1E90FF: تفيد الأداة بـ rgb(30, 144, 255) وhsl(210, 100%, 56%)، وتتعرف عليه كلون CSS المسمى dodgerblue، وتعرض إضاءته النسبية وفق WCAG. يولّد قسم التناغمات شركاءه المكمّل والمتجاورة والثلاثية والمكمّلة المنقسمة — انقر أي عيّنة لتحميلها ومواصلة الاستكشاف. والطريق المعاكس شائع بالقدر نفسه: الصق rgb(30, 144, 255) من أداة تصميم وانسخ الست عشري لورقة الأنماط، مع بقاء كل الصيغ متزامنة أثناء ضبط القيمة.
حالات الاستخدام
- مطابقة ألوان التصميم بين الأدوات
- تحويل لوحة ألوان العلامة التجارية
- إنشاء متغيرات ألوان CSS
- فهم نماذج الألوان
- تصدير قيم الألوان لبيئات مختلفة
الأسئلة الشائعة
- لماذا قد لا تعود نفس القيم عند التحويل من HSL إلى HEX ثم إلى HSL؟
- التحويل بين فضاءات الألوان ينطوي على تقريب طفيف—الفرق لا يُلاحظ بصرياً.
- هل يدعم قناة الشفافية (alpha)؟
- النسخة الحالية تعالج الألوان غير الشفافة. قناة Alpha (RGBA/HSLA) قيد التطوير.
- أي صيغة أختار للـ CSS؟
- HEX أو rgb() لألوان الويب الكاملة؛ hsl() عند ضبط السطوع والتشبع برمجياً.
- هل يمكن نسخ القيم بنقرة واحدة؟
- نعم—لكل حقل إخراج زر نسخ.
- هل يتعامل المحوّل مع ألوان CSS المسمّاة؟
- لا مباشرةً—أدخل قيمة HEX المكافئة للاسم.