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

محوّل الألوان — تحويل فوري بين HEX وRGB وHSL وCMYK وأكثر من 14 صيغة

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

صيغ الألوان المدعومة (14 صيغة)

• HEX (#rrggbb): الصيغة الأكثر استخداماً في CSS وHTML، مثل #4f46e5 أو #FFF
• RGB: تمثيل اللون بقيم الأحمر (R) والأخضر (G) والأزرق (B) من 0 إلى 255، مثال: rgb(79, 70, 229)
• RGBA: نفس RGB مع إضافة قناة الشفافية (Alpha) من 0 إلى 1
• HSL: درجة اللون (Hue 0-360°) والتشبع (Saturation) والإضاءة (Lightness) — الأسهل للتعديل اليدوي
• HSLA: HSL مع قناة الشفافية
• HSV / HSB: بديل لـ HSL يستخدمه Photoshop وFigma وبرامج التصميم المحترفة
• CMYK: صيغة الطباعة الاحترافية (Cyan, Magenta, Yellow, Black) — ضرورية عند التعامل مع مطابع الطباعة
• CIE Lab: نموذج لوني يحاكي رؤية العين البشرية، يُستخدم في بروفات الألوان الاحترافية
• CSS Named Colors: الأسماء المعرَّفة في CSS مثل indigo, coral, tomato
• Decimal: القيمة العددية الصحيحة للون (تُستخدم في Canvas وبعض APIs)
• Android Color: صيغة 0xFF المستخدمة في تطوير تطبيقات Android بلغة Java/Kotlin
• Swift / iOS UIColor: صيغة UIColor(r:g:b:a:) لتطوير تطبيقات iPhone وiPad
• CSS Filter: قيمة filter CSS لمحاكاة اللون عبر صور SVG
• Tailwind CSS: أقرب لون من مكتبة Tailwind CSS الشهيرة

الألوان المتناسقة — نظرية الألوان

تعتمد الأداة على دائرة الألوان (Color Wheel) لاقتراح تناسقات لونية احترافية:

• متكاملة (Complementary): اللون المقابل تماماً في الدائرة — أقوى تباين، يُستخدم في التصاميم الجريئة
• ثلاثية (Triadic): ثلاثة ألوان متباعدة بـ 120° — توازن مرئي مع حيوية عالية
• متجاورة (Analogous): ألوان متجاورة في الدائرة — ناعمة ومريحة للعين، شائعة في التصاميم الطبيعية
• متكاملة منقسمة (Split Complementary): اللون مع جارَي لونه المكمّل — تباين أقل حدةً من المتكاملة
• رباعية (Tetradic): أربعة ألوان على شكل مستطيل — أغنى وأكثر تعقيداً، تحتاج توازناً دقيقاً

درجات اللون

تعرض الأداة 18 درجة من الفاتح إلى الغامق للون المختار، كل درجة قابلة للنقر لتحويلها فوراً. مفيد لبناء أنظمة ألوان متسقة في مشاريع التصميم.

من يستخدم هذه الأداة؟

• مطورو الويب: تحويل HEX إلى RGB وHSL مباشرة في الكود
• المصممون الجرافيكيون: تحويل ألوان Figma/Photoshop (HSB) إلى CMYK للطباعة
• مطورو التطبيقات: الحصول على صيغة UIColor لـ iOS أو 0xFF لـ Android
• مصممو الهوية البصرية: اختيار تناسقات لونية احترافية لعلامات تجارية
• منسّقو المحتوى: إيجاد الألوان المناسبة لمنشورات السوشيال ميديا