الألوان · لوحة ألوان من صورة
استخرج لوحة ألوان من صورة لمنشوراتك على وسائل التواصل
تحتوي صورة المنتج الجيدة على لوحة ألوان جاهزة: الخلفية، والمنتج، وبضع لمسات مميِّزة. ونقل تلك الألوان إلى قوالب منشوراتك يجعل الحساب كله يبدو مخططًا له. أما الخطر فهو اختيار ألوان تبدو جميلة معًا لكن يصعب قراءتها نصًا.
يستخرج هذا الدليل لوحة ألوان من صورة لاتيه لمقهى خيالي مع GPT-6 Astra في Ciyo يوم 19 سبتمبر 2026، ثم يفحص أي الأزواج مقروءة. وقد أعدنا حساب أرقام التباين التي قدّمها Astra بأنفسنا.
اختر صورة تمثّل العلامة التجارية
استخدم صورة ستنشرها فعلًا، فيها المنتج والإضاءة والمكان الذي تريد أن يتذكره الناس. استخدمنا صورة قصة عمودية للاتيه بالعسل والخزامى عند نافذة مقهى.
اطلب ألوانًا لها وظائف
قائمة رموز hex ليست لوحة ألوان حتى تكون لكل لون وظيفة. طلبنا من Astra خمسة ألوان، ومكان ظهور كل منها في الصورة، ودورًا واحدًا لكل لون: خلفية، أو نص، أو لمسة مميِّزة، أو زر. وسألناه أيضًا أي زوج هو الأسهل قراءة على الهاتف.
استخرج لوحة من خمسة ألوان من الصورة المحددة لمنشورات Juniper Lane Café على وسائل التواصل. لكل لون، اذكر رمز hex، ومكان ظهوره في الصورة، ووظيفة واحدة: خلفية، أو نص، أو لمسة مميِّزة، أو زر. ثم قل أي زوج من النص على الخلفية هو الأسهل قراءة على الهاتف، ونبّه إلى أي زوج سيكون تباينه منخفضًا جدًا. لا تولّد أي شيء.اقرأ لوحة الألوان وحدودها
أعاد Astra الكريمي الدافئ #F2E3CD للخلفيات، وبني الإسبريسو #3F3329 للنص، والخزامى الباهت #A995AA وذهبي العسل #C99C52 لمسات مميِّزة، والزيتوني الهادئ #686342 للأزرار. وقال إن رموز hex تقديرات بصرية من المعاينة، لا قيم مأخوذة من البكسلات.
هذه الملاحظة مهمة. إذا احتجت إلى قيم دقيقة، فخذ عينات منها بأداة القطّارة في محرر صور وقارن.
افحص التباين قبل أن تصمم
سمّى Astra الإسبريسو على الكريمي الزوج الأسهل قراءة بنسبة 9.7:1 تقريبًا، والكريمي على أزرار الزيتوني بنسبة 4.8:1 تقريبًا، أي فوق الهدف الشائع 4.5:1 للنص العادي. ونبّه إلى أن الكريمي مع الخزامى أو الذهبي، والإسبريسو مع الزيتوني، منخفضة التباين جدًا.
أعدنا حساب كل زوج بمعادلة التباين في WCAG وحصلنا على النتائج نفسها ضمن هامش التقريب. الخزامى والذهبي لمسات مميِّزة، لا ألوان للنص.
| النص على الخلفية | النسبة | هل يصلح للنص العادي؟ |
|---|---|---|
| إسبريسو #3F3329 على كريمي #F2E3CD | 9.69:1 | نعم |
| كريمي على زيتوني #686342 | 4.82:1 | نعم، للأزرار |
| إسبريسو على خزامى #A995AA | 4.41:1 | للنص الكبير فقط |
| كريمي على خزامى | 2.20:1 | لا |
| كريمي على ذهبي العسل #C99C52 | 1.99:1 | لا |
حوّل لوحة الألوان إلى قالب منشور
ابنِ قالبًا واحدًا بأدوار ثابتة: خلفية كريمية، وعنوان بالإسبريسو، وزر زيتوني، والخزامى أو الذهبي للأشكال الزخرفية الصغيرة فقط. ضع النص على مساحة لونية مصمتة بدل وضعه مباشرة على الصورة، حيث يغيّر الضوء والظل التباين.
احفظ رموز hex الخمسة في ملاحظات علامتك التجارية حتى يستخدم المنشور التالي القيم نفسها.
قارن بطريقة يدوية
تستطيع أدوات التصميم أيضًا أخذ عينات لوحة ألوان من صورة. في 19 سبتمبر 2026 نشر الحساب @MONABLIZUIUX درسًا قصيرًا عن إنشاء لوحة ألوان من صورة في Adobe Illustrator. أداة أخذ العينات اليدوية تعطي قيم بكسل دقيقة؛ ويضيف Astra الأدوار ونصائح التباين. واستخدام الطريقتين معًا فحص جيد.
درس فيديو لبرنامج Adobe Illustrator، وليس أداة ذكاء اصطناعي وليس Ciyo.
أسئلة حول لوحة الألوان من الصور
هل رموز hex من Astra دقيقة؟
لا. في تجربتنا قال Astra إنها تقديرات بصرية من المعاينة. خذ عينات من الصورة بأداة القطّارة إذا احتجت إلى قيم دقيقة.
ما نسبة التباين التي يجب أن يحققها النص؟
الهدف الشائع هو 4.5:1 للنص بالحجم العادي. وقد بلغ الإسبريسو على الكريمي في لوحتنا 9.69:1.
هل كلّف هذا أرصدة؟
طلب لوحة الألوان محادثة مع GPT-6 Astra. وفي تجربتنا لم تغيّر أدوار المحادثة الرصيد.
اعثر على لوحة ألوانك
حدد صورة في Ciyo واطلب من GPT-6 Astra خمسة ألوان لها وظائف مع فحص للتباين.