مولّد لوحة التدرج اللوني
أنشئ تدرجًا لونيًا متعدد الخطوات بين قيمتي hex. صدِّر بصيغة CSS أو قائمة hex أو متغيرات CSS.
إعلان
8
إعلان
الأسئلة الشائعة
ما هي لوحة التدرج اللوني؟
لوحة التدرج اللوني هي مجموعة من الألوان المُقحَمة بالتساوي بين لون البداية ولون النهاية. تُحسب كل خطوة بمزج قنوات الأحمر والأخضر والأزرق خطيًا، مما يتيح تدرجًا سلسًا مفيدًا لأنظمة التصميم وتصور البيانات ومكونات الواجهة.
كيف أستخدم تدرج CSS المُصدَّر؟
يُنتج التصدير CSS قيمة linear-gradient() يمكن لصقها مباشرةً في خاصية الخلفية. تعطيك قائمة hex كل نقطة توقف كرمز لون مستقل. يولّد تصدير متغيرات CSS إعلانات خصائص مخصصة (--color-0 إلى --color-N) للاستخدام في ورقة الأنماط.
لماذا يبدو اللون الأوسط مختلفًا عن المتوقع؟
يُجرى الإقحام في فضاء اللون sRGB وهو المعيار لتدرجات CSS. نظرًا لأن إدراك الألوان البشري غير خطي، قد تبدو نقطة المنتصف الدقيقة في RGB أفتح أو أغمق مما تتوقعه حدسيًا.