مولد تدرجات CSS

تعمل التدرجات الخطية والشعاعية في كل متصفح حالي. وتعمل المخروطية في كل الإصدارات الحالية من Chrome وEdge وFirefox وSafari.

ضع نقطتين في الموضع نفسه، مثلًا أحمر عند 50% وأزرق عند 50%. لا توجد مسافة امتزاج بينهما، فيكون التغير حادًا.

نعم. استخدم القيمة نفسها في background-image مع background-clip: text للنص، أو border-image للحدود.

يستخدم منتقي الألوان قيم hex بنظام sRGB. قد تعرضها الشاشات ذات النطاق اللوني الواسع بشكل مختلف قليلًا، لكن قيم CSS دقيقة.

تُخرج هذه الأداة ألوان hex صلبة. عدّل الكود وغيّر اللون إلى hex من ثمانية أرقام مثل #4f46e580، أو إلى rgba().