سازنده پالت رنگ
روی دستگاه شما اجرا می‌شود. چیزی ارسال نمی‌شود.همه چیز در مرورگر شما انجام می‌شود - چیزی آپلود نمی‌شود.
تعداد رنگ5
نکته: برای پالت جدید کلید فاصله را بزنید.هماهنگی
خروجی
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}پالت رنگ را با هماهنگی‌های چرخه رنگ یا به‌صورت تصادفی بسازید، رنگ‌های دلخواه را قفل کنید و به‌صورت متغیرهای CSS، رنگ‌های Tailwind یا JSON کپی کنید.
برای پالت جدید «ساختن» (یا کلید فاصله) را بزنید. رنگ‌هایی را که می‌خواهید بمانند قفل کنید تا بقیه بر اساس یک هماهنگی چرخه رنگ دور آن‌ها ساخته شوند: همسایه‌های همجوار، طیف تک‌رنگ، رنگ‌های مکمل یا مکمل دوشاخه، سه‌گانه و چهارگانه - یا کاملاً تصادفی با فام‌های یکنواخت. روی کد hex بزنید تا کپی شود یا روی رنگ تا خودتان انتخاب کنید. پالت را به‌صورت ویژگی‌های سفارشی CSS، طیف رنگ Tailwind یا JSON خروجی بگیرید، PNG ذخیره کنید یا لینکی کپی کنید که همین پالت را باز می‌کند.
پرسش‌های متداول
هماهنگی‌ها چه معنایی دارند؟
جایگاه‌هایی روی چرخه رنگ‌اند. رنگ‌های همجوار کنار هم‌اند (آرام)، مکمل‌ها روبه‌روی هم (کنتراست بالا)، مکمل دوشاخه دو همسایه رنگ مقابل را برمی‌دارد، سه‌گانه سه رنگ با فاصله ۱۲۰ درجه و چهارگانه چهار رنگ با فاصله ۹۰ درجه است. تک‌رنگ فام را نگه می‌دارد و روشنی را تغییر می‌دهد.
چطور پالتی حول رنگ برندم بسازم؟
روی اولین رنگ بزنید، رنگ خودتان را انتخاب و قفل کنید و «ساختن» را بزنید. خانه‌های آزاد بر اساس هماهنگی انتخابی از رنگ شما پر می‌شوند.
آیا نوشته روی هر رنگ خواناست؟
برچسب hex بین سیاه و سفید جابه‌جا می‌شود، هر کدام کنتراست بیشتری داشته باشد. برای متن اصلی، جفت دقیق را در بررسی‌کننده کنتراست WCAG ابزارهای رنگ ما چک کنید.
چیزی ذخیره می‌شود؟
پالت فعلی روی همین دستگاه به خاطر سپرده می‌شود. لینک اشتراکی رنگ‌ها را بعد از # در آدرس نگه می‌دارد و این بخش به سرور ما فرستاده نمی‌شود.