مجاني، بلا تسجيل|يعمل مباشرة في متصفحك

أدوات تصميم تكتب CSS نيابة عنك.

أدوات بصرية لبناء التدرجات والظلال ونصف قطر الحدود والأيقونات، انسخ الكود أو نزّل الملف عندما يبدو مناسبًا. كل شيء داخل متصفحك، لا شيء يُرفع.

أدوات التصميم

أنشئ تدرجًا خطيًا أو دائريًا بصريًا، وانسخ الكود.

أنشئ ظلًا مفردًا أو متعدد الطبقات بصريًا، وانسخ الكود.

اضبط نصف قطر كل زاوية بصريًا، وانسخ الكود.

ارفع صورة، وأنشئ أيقونة موقع بكل حجم تحتاجه.

استخرج الألوان السائدة من أي صورة.

نسبة تباين WCAG مع نجاح/فشل AA/AAA.

HEX وRGB وHSL وCMYK، حيّة ومترابطة.

اضبط حدًا أدنى وأقصى للحجم، واحصل على قيمة clamp() مرنة تتكيف مع حجم الشاشة.

اسحب مقبضين لتشكيل منحنى تسارع مخصص، وانسخ قيمة cubic-bezier().

أفلت صورة، واسحب المنزلقات، وانسخ قيمة فلتر CSS.

ابنِ نمط خلفية قابلاً للتكرار من تدرجات CSS خالصة، بلا حاجة إلى ملف صورة.

أنشئ شكل blob عضويًا عشوائيًا، اضبط العشوائية وعدد النقاط، وانسخ أو نزّل.

أنشئ نسيجًا حبيبيًا بكثافة وشفافية ولون قابلة للضبط، نزّل أو انسخ كـ CSS.

ابنِ ظلًا متعدد الطبقات بصريًا، واحصل على صنف Tailwind بصيغة shadow-[...] مع كود CSS الخام.