التصميم والألوان
منتقيات ولوحات ألوان وتدرّجات ومدقّقات تباين.
منتقي ومحوّل الألوان
اختر لونًا وحوّله بين HEX و RGB و HSL و OKLCH.
جديد مدقّق تباين الألوان
تحقّق من نِسب تباين WCAG من مستوى AA/AAA بين لون النص والخلفية.
جديد منشئ تدرّجات CSS
أنشئ تدرّجات CSS خطية وشعاعية ومخروطية مع معاينة مباشرة.
جديد منشئ ظلال الصناديق CSS
أنشئ ظلال صناديق CSS متعددة الطبقات بإعدادات جاهزة ومعاينة مباشرة. انسخ شيفرة CSS أو القيمة أو نمط React فورًا.
جديد منشئ لوحات الألوان
أنشئ لوحات ألوان متكاملة ومتجاورة وثلاثية وأحادية اللون.
جديد منشئ منحنى Cubic Bezier
صمّم منحنى تسارع CSS بسحب نقاط التحكم، مع معاينة مباشرة.
جديد منشئ استدارة الحواف
صمّم زوايا CSS مستديرة وأشكالًا عضوية انسيابية بصريًا.
جديد ساحة تجربة CSS Flexbox
اضبط خصائص flex مع معاينة مباشرة وانسخ شيفرة CSS.
جديد ساحة تجربة CSS Grid
اضبط أعمدة الشبكة والفجوات والمحاذاة مع معاينة مباشرة وشيفرة CSS.
جديد منشئ تأثير الزجاج Glassmorphism
صمّم بطاقة زجاجية ضبابية وانسخ شيفرة CSS، مع معاينة مباشرة.
جديد منشئ ظلال النص CSS
اضبط ظل نص CSS مع معاينة مباشرة وانسخ الشيفرة.
جديد خالط الألوان
امزج لونين بأي نسبة وانسخ النتيجة أو أي خطوة بينهما.
جديد منتقي ألوان الصور
اختر أي لون من صورة واستخرج لوحة ألوانها السائدة بصيغ HEX وRGB وHSL.
جديد Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
جديد Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.