🎨 مولد ألوان CSS
اختر الألوان وحول بين صيغ HEX و RGB و HSL، أنشئ تدرجات لونية وألواح ألوان جاهزة مع نسخ فوري لكود CSS.
#2563ebrgb(37, 99, 235)hsl(220, 84%, 53%)color: #2563eb;#2563ebrgb(37, 99, 235)hsl(220, 84%, 53%)color: #2563eb;background: linear-gradient(135deg, #2563eb, #f59e0b);
#2563ebrgb(37, 99, 235)hsl(220, 84%, 53%)color: #2563eb;ألوان عشوائية سابقة
ما هو مولد ألوان CSS؟
مولد ألوان CSS من SP5 Tools هو أداة مجانية وشاملة تمكنك من اختيار الألوان وتحويلها بين مختلف الصيغ وإنشاء تدرجات لونية جميلة. سواء كنت مصمماً أو مطوراً، هذه الأداة توفر لك كل ما تحتاجه للعمل مع الألوان في مشاريعك.
صيغ الألوان المدعومة
- HEX: الصيغة الست عشرية مثل #2563eb — الأكثر استخداماً في CSS
- RGB: الأحمر والأخضر والأزرق مثل rgb(37, 99, 235) — مناسبة للشفافية
- HSL: الصبغة والتشبع والإضاءة مثل hsl(220, 84%, 53%) — الأفضل لتعديل الألوان
كيف تستخدم مولد الألوان؟
يحتوي المولد على خمسة تبويبات رئيسية:
- منتقي الألوان: اختر لوناً من شريط الألوان أو أدخل القيمة مباشرة
- محول الألوان: حوّل بين صيغ HEX و RGB و HSL بسهولة
- تدرجات لونية: أنشئ تدرجات CSS بخطين لونين وزاوية مخصصة
- ألواح ألوان: أنشئ ألواحاً متناغمة (مكملة، تناظرية، ثلاثية، إلخ)
- عشوائي: أنشئ ألواناً عشوائية لإلهامك التصميمي
الأسئلة الشائعة
HEX هي الصيغة الست عشرية للألوان (مثل #2563eb)، RGB تحدد اللون بنسب الأحمر والأخضر والأزرق، وHSL تحدد اللون بالصبغة والتشبع والإضاءة. كلها تمثل نفس اللون بطرق مختلفة.
انتقل لتبويب التدرجات اللونية، اختر لونين وزاوية التدرج ونوعه (خطي أو شعاعي)، ثم انسخ كود CSS الناتج واستخدمه مباشرة في موقعك.
نعم، كل قيمة لون تحتوي على زر نسخ. اضغط عليه وسيتم نسخ القيمة للحافظة فوراً لاستخدامها في مشاريعك.
الألوان المتناغمة هي مجموعة ألوان تبدو متناسقة معاً. تشمل الألوان المكملة (على العجلة اللونية)، والتناظرية (متجاورة)، والثلاثية (متباعدة بالتساوي).
نعم، مولد الألوان مجاني تماماً ويعمل في متصفحك مباشرة بدون تسجيل أو تحميل.