طراحی و رنگ
انتخابگرها، پالتها، گرادیانها و بررسیکنندههای کنتراست.
انتخابگر و مبدل رنگ
یک رنگ انتخاب کنید و میان HEX، RGB، HSL و OKLCH تبدیل کنید.
جدید بررسیکنندهٔ کنتراست رنگ
نسبتهای کنتراست WCAG AA/AAA میان رنگ متن و پسزمینه را بررسی کنید.
جدید سازندهٔ گرادیان CSS
گرادیانهای CSS خطی، شعاعی و مخروطی را با پیشنمایش زنده بسازید.
جدید سازندهٔ سایهٔ CSS Box
سایههای box چند لایهای CSS را با پیشتنظیمات و پیشنمایش زنده بسازید. فوری CSS، مقدار یا استایل React را کپی کنید.
جدید سازندهٔ پالت رنگ
پالتهای مکمل، آنالوگ، مثلثی و تکرنگ تولید کنید.
جدید سازندهٔ Cubic Bezier
یک منحنی easing CSS را با کشیدن نقاط کنترل طراحی کنید، با پیشنمایش زنده.
جدید سازندهٔ Border Radius
گوشههای گرد CSS و اشکال blob ارگانیک را بهصورت بصری طراحی کنید.
جدید زمینبازی CSS Flexbox
ویژگیهای flex را با پیشنمایش زنده تنظیم کنید و CSS را کپی کنید.
جدید زمینبازی CSS Grid
ستونهای 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.