مولد سایههای رنگ
طیف کامل تینتها و سایهها را از یک رنگ تولید کنید — گام روشنکردن/تاریککردن و تعداد سایه را انتخاب کنید، سپس هر مقدار را فوری کپی کنید.
یک رنگ پایه، درصد گام و تعداد انتخاب کنید — هر تینت و سایه فوری در مرورگر شما محاسبه میشود.
درباره مولد سایههای رنگ
تولیدکننده سایههای رنگی یک رنگ را به یک محدوده کامل از تینتها و سایهها گسترش میدهد. یک رنگ پایه به آن بدهید و این ابزار در یک طرف تینتهای بهتدریج روشنتر و در طرف دیگر سایههای بهتدریج تیرهتر تولید میکند؛ همان شیب کلاسیک به سبک ۵۰ تا ۹۰۰ که در سیستمهای طراحی مدرن استفاده میشود.
دو کنترل خروجی را شکل میدهند: درصد گام تعیین میکند هر سایه چقدر روشنتر یا تیرهتر شود (۱ تا ۲۵ درصد در هر گام)، و تعداد مشخص میکند چند تینت و سایه در هر طرف رنگ پایه ظاهر شود، تا سقف ده تا. یک نوار گرادیان کل شیب را در یک نگاه پیشنمایش میکند.
تولید بهمحض تایپ شما بلافاصله در مرورگرتان انجام میشود؛ چیزی به سرور فرستاده نمیشود. هر مقدار جداگانه، فهرست کامل، یا کل شیب را بهصورت متغیرهای CSS کپی کنید، آماده برای قرار گرفتن در یک فایل توکن طراحی یا یک مقیاس رنگی به سبک Tailwind.
نحوه استفاده از مولد سایههای رنگ
- یک رنگ پایه با انتخابگر بردارید یا یک مقدار تایپ کنید؛ برای الهام روی «رنگ تصادفی» کلیک کنید.
- درصد گام را برای کنترل شدت روشنشدن یا تیرهشدن هر سایه تنظیم کنید.
- تعداد سایهها را انتخاب کنید تا مشخص شود چند تینت و سایه در هر طرف ظاهر شود.
- روی یک نمونه رنگ کلیک کنید تا کپی شود، یا از «کپی همه» و «کپی متغیرهای CSS» برای کل شیب استفاده کنید.