حوّل الألوان بين تنسيقات HEX و RGB و HSL و CMYK و HSV فوراً. محول الألوان المجاني الخاص بنا هو الأداة الأساسية للمصممين والمطورين لترجمة الألوان عبر مختلف الوسائط.
وحّد لوحة ألوانك
في عالم التصميم الرقمي والطباعة، يتم تمثيل الألوان بلغات متعددة. يحتاج مطور الويب إلى رموز HEX لـ CSS، وقد يفضل مصمم واجهة المستخدم HSL لتعديل التشبع، بينما يطلب مصمم المطبوعات CMYK. يسد محول تنسيقات الألوان لدينا هذه الفجوات، مما يضمن بقاء ألوان علامتك التجارية متسقة سواء كانت على موقع ويب، تطبيق جوال، أو منشور مطبوع.
التنسيقات المدعومة
#️⃣ HEX (Hexadecimal)
المعيار لتصميم الويب. مثال: #FF5733. مستخدم على نطاق واسع في HTML و CSS و SVG.
🔴 RGB (Red, Green, Blue)
نموذج الألوان الجمعي للشاشات. مثال: rgb(255, 87, 51).
🌈 HSL (Hue, Saturation, Lightness)
بديهي للبشر. ممتاز لإنشاء تباينات الألوان. مثال: hsl(11, 100%, 60%).
🖨️ CMYK (Cyan, Magenta, Yellow, Key)
نموذج الألوان الطرحي المستخدم في الطباعة. ضروري لمواد العلامة التجارية المادية.
كيفية تحويل الألوان
- أدخل القيمة: اكتب أي كود لون صالح (HEX, RGB، أو اسم مثل "red") في مربع الإدخال.
- عرض النتائج: تقوم الأداة فوراً بحساب وعرض الرموز المكافئة في جميع التنسيقات الأخرى.
- المعاينة: شاهد معاينة بصرية حية للون للتأكد من أنه اللون الذي تريده.
- نسخ: انقر أيقونة النسخ بجوار أي تنسيق لاستخدامه في مشروعك.
نصيحة سريعة في نظرية الألوان
استخدم HSL عند تصميم السمات (Themes). من خلال الحفاظ على 'الصبغة' (Hue) ثابتة وتعديل 'الإضاءة' (Lightness)، يمكنك بسهولة إنشاء تباينات فاتحة وداكنة للون علامتك التجارية الأساسي لحالات التحويم (hover) أو الوضع الداكن.
أسئلة شائعة
لماذا تبدو ألوان الطباعة مختلفة؟
نظام CMYK (للطباعة) لديه نطاق ألوان أصغر من RGB (للشاشات). بعض ألوان النيون الزاهية المرئية على شاشتك لا يمكن ببساطة إعادة إنتاجها بحبر الطابعة القياسي.
هل يتم دعم الشفافية (alpha)؟
نعم، نحن ندعم تنسيقات RGBA و HSLA. إذا قمت بتحويل لون شفاف إلى HEX، فإننا نوفر رمز HEX المكون من 8 أرقام (مثل #FF573380).
هل يمكنني استخدام أسماء الألوان؟
نعم! كتابة "Tomato" أو "SkyBlue" تعمل بشكل مثالي. نحن ندعم جميع أسماء ألوان CSS القياسية الـ 140.