CSS Gradient Generator
Build linear, radial and conic gradients and copy the CSS.
تصميم
سحب أي لون من صورة وبناء لوحة منه.
الفرق يقرّر ما إذا كانت اللوحة صالحة للاستخدام.
فالمتوسط يجمع كل البكسلات ويقسم. وفي صورة غروب فيها برتقالي وأزرق وأسود يخرج بنيّ موحل لا يظهر في الصورة في أي موضع.
وتحليل التجمّعات يجمع الألوان المتقاربة ويعيد مراكز أكبر المجموعات. فتكون النتيجة ألوانًا موجودة فعلًا وتجعل الصورة مميّزة.
وتستخدم هذه الأداة تحليل تجمّعات بعدد ثابت من المجموعات. ولذلك يتغيّر الناتج قليلًا عند إعادة التحليل، لأن القيم الابتدائية عشوائية.
ثلاثة أسباب، وكلها تقع بين الملف والعين.
الأول الملف اللوني. فالصورة بفضاء Display P3 أو Adobe RGB تحوي ألوانًا خارج sRGB. والمتصفح يعرضها، ويعطي عند القراءة قيمًا بـsRGB — فالقيمة صحيحة وتبدو أقل تشبّعًا مما ترى.
والثاني المحيط. فاللون نفسه يبدو مختلفًا بجوار الأزرق عنه بجوار البرتقالي، لأن العين تقيس نسبيًا. والرمادي الذي يبدو محايدًا داخل الصورة قد يكون مائلًا للزرقة بوضوح حين يُعزل.
والثالث الشاشة. فجهازان غير معايرَين يعرضان الملف نفسه بفرق مرئي. وهذا لا يهمّ في ألوان الويب، ويهمّ في قرارات الطباعة.
من خمسة إلى سبعة تكفي دائمًا تقريبًا، والأقل أفضل غالبًا.
وتقسيم عملي: لون غالب للمساحات، ولون إبراز للإجراءات، ودرجتان أو ثلاث محايدة للنص والحدود، ولونان للحالات — نجاح وخطأ.
ويمكن استخراج الأولين من الصورة بسهولة. أما المحايدة فلا يُنصح بأخذها من الصورة: الرمادي المسحوب من صورة يحمل دائمًا تقريبًا ميلًا لونيًا ينتشر في الواجهة كلها.
وافحص كل لون يحمل نصًا مقابل خلفيته. فاللوحة الجميلة التي تجعل النص غير مقروء ليست لوحة.
ارفع الصورة وانقر الموضع. المكبّرة تساعد على إصابة البكسل الصحيح.
المتوسط يعطي بنيًا لا يوجد في الصورة. والألوان الغالبة موجودة فيها فعلًا.
غالبًا بسبب ملف لوني واسع مثل Display P3. القيمة بـsRGB والعرض لا.
لأن تحليل التجمّعات يبدأ بقيم عشوائية. والفروق طفيفة.
من خمسة إلى سبعة. ولا تأخذ الألوان المحايدة من الصورة — فهي تحمل ميلًا لونيًا.
لا. تُقرأ في هذه الصفحة فقط.