باليت ألوان
ارفع صورة لتحصل على ألوانها الأساسية بأكواد HEX وRGB، مع فحص تباين مقابل النص الأبيض والأسود، ومعاينة لصفحة رابط بايو بتلك الألوان.
صورتك
باليت ألوانك
معاينة على صفحة رابط بايو
Ana Ruiz
دروس الخزف والفخار
تسوّق أكوابًا جديدةاحجز درسًاأحدث فيديواستخدم هذه الألوان على صفحة More.You. السمات وأنماط الأزرار والخطوط والألوان كلها في الخطة المجانية.
أنشئ صفحتكما تفعله أداة باليت الألوان
تجد أداة باليت الألوان الألوان الأساسية في الصورة وتعطيك أكوادها. وتقرأ هذه الأداة صورتك في متصفحك، وتجمع البكسلات المتشابهة، وتعيد 5 أو 6 أو 8 ألوان تغطي أكبر مساحة من الصورة. ويأتي كل لون مع كود HEX وRGB وفحص تباين للنص.
يستخدم صنّاع المحتوى باليت من صورهم ليبدو ملفهم ومنشوراتهم وصفحة رابط البايو مجموعة واحدة. ويخبرك فحص التباين بالألوان التي تحمل النص، وبتلك الأنسب للخلفية أو للتمييز.
لا تغادر صورتك جهازك. ترسم الأداة الصورة على canvas في متصفحك، فلا رفع ولا حساب ولا حد.
كيف تصنع باليت من صورة
ارفع صورة
استخدم صورة تنشرها كثيرًا، مثل صورة ملفك الشخصي أو صورة منتج. تعمل ملفات JPG وPNG وWebP.
اختر عدد الألوان
اختر 5 أو 6 أو 8 ألوان. رتّبها بحسب مساحتها في الصورة أو من الفاتح إلى الداكن.
افحص التباين
يعرض كل لون تباينه مع النص الأبيض والأسود. استخدم الألوان الناجحة للأزرار التي تحمل نصًا.
انسخ الأكواد
انسخ كود HEX واحدًا، أو القائمة كاملة، أو الباليت كمتغيرات CSS لموقعك.
قواعد التباين للنص على ألوانك
تحدد إرشادات الوصول إلى محتوى الويب (WCAG 2.2) الحد الأدنى للتباين بين النص وخلفيته. وتستخدم الشارات في الأداة هذه الأرقام.
| ما تفحصه | أدنى نسبة | قاعدة WCAG |
|---|---|---|
| نص عادي على لون | 4.5:1 | 1.4.3 Contrast (Minimum)، المستوى AA |
| نص كبير: 24px، أو 18.5px بخط عريض | 3:1 | 1.4.3 Contrast (Minimum)، المستوى AA |
| نص عادي، مستوى أشد | 7:1 | 1.4.6 Contrast (Enhanced)، المستوى AAA |
| نص كبير، مستوى أشد | 4.5:1 | 1.4.6 Contrast (Enhanced)، المستوى AAA |
| زر أو أيقونة على الصفحة | 3:1 | 1.4.11 Non-text Contrast، المستوى AA |
المصادر: W3C، Understanding 1.4.3 Contrast (Minimum)، W3C، Understanding 1.4.6 Contrast (Enhanced)، W3C، Understanding 1.4.11 Non-text Contrast. روجعت في 11 نوفمبر 2026.
ألوانك على صفحة رابط البايو
على صفحة More.You تضبط الخلفية والأزرار والخطوط والألوان بنفسك. وكل تعديل يدخل مسودة مع إمكانية التراجع، فلا تعرض صفحتك المنشورة تصميمًا غير مكتمل.
السمات والألوان في Free
اختر سمة، ثم غيّر الخلفية ونمط الأزرار والخطوط والألوان. واعرض سمات عشوائية من المعرض حين تبحث عن أفكار.
السمات والتصميمابدأ من قالب
تمنحك القوالب بحسب المهنة صفحة أولى جاهزة. طبّق قالبًا، ثم بدّل الألوان بألوان صورتك.
قوالب رابط البايوخمسة تخطيطات لرأس الصفحة
تضع رؤوس الصفحة بأنماط كلاسيكي وhero وbanner وcutout وshape صورتك حيث تناسب باليتك أكثر.
أسئلة عن باليت الألوان
كيف تختار أداة باليت الألوان الألوان؟
هل تُرفع صورتي إلى أي مكان؟
ماذا تعني أكواد HEX وRGB؟
ما التباين الذي يحتاجه النص ليكون مقروءًا؟
كيف أستخدم الباليت على صفحة رابط البايو؟
ما أنواع الملفات التي يمكنني استخدامها؟
هل أستطيع نسخ الباليت بصيغة CSS؟
أدوات مجانية أخرى
مجانًا وبدون حساب. لا يُخزَّن أي شيء تكتبه على خوادمنا.
زخرفة أسماء إنجليزي
حوّل نصك إلى 24 نمطًا، من العريض والمائل إلى الخط اليدوي والفقاعات. انسخ والصق في أي مكان.
افتح الأداة ←إنشاء بايو
احصل على 12 فكرة للبايو على Instagram أو TikTok أو X أو YouTube، مع عداد أحرف مباشر.
افتح الأداة ←إنشاء باركود QR
حوّل أي رابط إلى رمز QR. اختر الألوان ونزّل PNG أو SVG. لا تنتهي صلاحيته أبدًا.
افتح الأداة ←أدلة: دليل تصميم صفحة البايو: التخطيطات والسمات والأزرار، سمات رابط البايو: كيف تختار ما يحقق التحويل.
المصادر
- W3C, Understanding SC 1.4.3 Contrast
- W3C, Understanding SC 1.4.6 Contrast
- W3C, Understanding SC 1.4.11 Non-text Contrast
راجعنا المصادر في 11 نوفمبر 2026.
ألوانك على صفحتك
احجز صفحتك المجانية على More.You واضبط خلفيتها وأزرارها وخطوطها بألوان صورتك.
