كل رمز تصميم.
مكان واحد بسيط.
اختر الألوان وافحص التباين وانسخ CSS للظلال والزوايا وclamp().
ما ستجده هنا
تركّز أدوات التصميم على اللون والتباين ومقتطفات CSS قصيرة يمكن نسخها: لوحات، وتدرجات، وظلال، ومساعدات قريبة.
اللون
منتقيات وتحويلات ولوحات وفحص التباين.
مولّدات CSS
ظلال وأنصاف أقطار وتدرجات وclamp لتعديل سريع للواجهة.
أدوات التصميم الأكثر استخداماً
أدواتنا الأكثر استخداماً.
استكشف التصنيفات
اعثر على ما تحتاجه بالضبط عبر مجموعاتنا المنظمة.
كل أدوات التصميم
تصفح كل أدوات التصميم حسب التصنيف أو الشعبية أو الاسم.
فاحص التباين
قس نسبة التباين بين لونين.
لاقط اللون
اختر لوناً وانسخ HEX وRGB وHSL.
مولّد box-shadow
اضبط الظل وانسخ CSS.
تباين WCAG
اعرض مطابقة AA/AAA للنص العادي والكبير.
محوّل HEX / RGB / HSL
حوّل بين HEX وRGB وHSL في كل الاتجاهات.
مولّد border-radius
اضبط الزوايا وانسخ CSS border-radius.
مولّد CSS clamp()
ابنِ font-size: clamp(الأدنى، المفضّل، الأقصى).
مولّد التدرّج
صمّم تدرّجاً خطياً في CSS وانسخ الشيفرة.
مولّد تدرّج CSS
linear-gradient() جاهز للنسخ بزاوية ولونين.
مولّد لوحة الألوان
أنشئ لوحة من 5 ألوان انطلاقاً من HEX أساسي.