🎨 أداة مجانية بالكامل
منتقي الألوان الاحترافي
احصل على قيم HEX و RGB و HSL و CMYK لأي لون فوراً. اختر من عجلة الألوان أو من تشكيلة الألوان الجاهزة
#F5576C
HEX
#F5576C
RGB
rgb(245, 87, 108)
HSL
hsl(350, 89%, 65%)
CMYK
cmyk(0%, 64%, 56%, 4%)
🎨 ألوان جاهزة — انقر لاختيار أي لون
ما الفرق بين HEX و RGB و HSL و CMYK؟
كل صيغة من صيغ الألوان لها استخداماتها الخاصة. فهم الفرق بينها يساعدك على اختيار الصيغة الصحيحة لمشروعك سواء كان موقعاً إلكترونياً أو تصميماً مطبوعاً.
| الصيغة | مثال | الاستخدام الرئيسي | الوصف |
|---|---|---|---|
| HEX | #F5576C | CSS / الويب | أكثر صيغة شيوعاً في تصميم المواقع. تستخدم نظام العد الست عشري |
| RGB | rgb(245, 87, 108) | CSS / الشاشات | تمثّل اللون بمزج الأحمر والأخضر والأزرق. مناسبة للشاشات الإلكترونية |
| HSL | hsl(350, 89%, 65%) | CSS / التصميم | الأسهل للفهم البشري: الصبغة والتشبع والإضاءة. مثالية لإنشاء تناسقات ألوان |
| CMYK | cmyk(0%, 64%, 56%, 4%) | الطباعة | صيغة الطباعة المهنية. تستخدم السيان والماجنتا والأصفر والأسود |
متى أستخدم كل صيغة؟
إذا كنت تصمم موقعاً إلكترونياً، استخدم HEX أو RGB في كود CSS. إذا كنت تريد تعديل ألوان بسهولة (تفتيح أو تغميق)، فإن HSL هي الأفضل لأنها تعمل بطريقة منطقية. أما إذا كنت تعمل على مشروع طباعة كالبروشورات والملصقات، فاستخدم CMYK لضمان دقة الألوان.
✅ تم النسخ!