پالت رنگ تصادفی
با یک کلیک پالت های رنگ تصادفی زیبا بسازید؛ برای کپی روی هر رنگ کلیک کنید. رایگان.
نحوه استفاده
- را کلیک کنید بسازید (یا دکمه را بارها فشار دهید) برای چرخاندن رنگ تصادفی تازه.
- پیش نمایش رنگ را با مقادیر HEX و RGB و HSL ببینید که صفحه را پر می کند.
- برای استفاده در CSS یا ابزارهای طراحی روی هر مقداری کلیک کنید تا آن را مستقیم در حافظه موقت خود کپی کنید.
- رنگ هایی را که دوست دارید قفل کنید و برای ساختن پالت ادامه دهید، سپس فهرست را خروجی بگیرید.
سوالات پرتکرار
آیا این واقعا رایگان است؟
بله — هر ابزار این سایت 100% رایگان است، بدون محدودیت، بدون ثبت نام و بدون واترمارک.
آیا داده های من خصوصی است؟
کاملا. همه پردازش به صورت محلی در مرورگر شما انجام می شود. فایل های شما هرگز به هیچ سروری بارگذاری نمی شوند.
تصادفی چگونه تولید می شود؟
رنگ ها با مولد عدد تصادفی امن رمزنگاری مرورگر شما (crypto.getRandomValues) انتخاب می شوند، پس هر یک از 16.7 میلیون رنگ ممکن شانس برابری دارد — بدون الگو و بدون تعصب تکرار.
HEX و RGB و HSL به چه معنا هستند؟
HEX (#FF5733) استاندارد وب برای CSS است. RGB (255، 87، 51) مقادیر کانال های قرمز/سبز/آبی را می دهد. HSL (11°، 100%، 60%) رنگ، اشباع و روشنایی را بیان می کند — و طراحان اغلب برای تنظیم سایه ها HSL را ترجیح می دهند.
آیا می توانم فقط نوع خاصی از رنگ ها را بگیرم؟
از فیلترها استفاده کنید: رنگ های پاستلی برای پس زمینه های رابط نرم، رنگ های روشن برای لمس جسورانه، و رنگ های تیره برای تم های مودی. فیلتر کردن به جای انتخاب از همه 16.7 میلیون رنگ بازه تصادفی را تنگ می کند.
چگونه بررسی کنم دو رنگ با هم کار می کنند؟
چند نامزد بسازید، سپس نسبت کنتراست آنها را برای خوانایی متن بررسی کنید (طبق WCAG حداقل 4.5:1 برای متن معمولی). رنگ های مکمل روی چرخه رنگ روبه روی هم هستند؛ همسایه های مشابه آرام تر هستند.
سازنده رنگ تصادفی — راهنمای کامل
خیره شدن به پالت خالی و ندانستن کدام رنگ را انتخاب کنید مشکل جهانی طراحان است. و این سازنده رنگ تصادفی سد را می شکند: یک کلیک رنگ واقعا تصادفی با کدهای آماده کپی به شما می دهد، و محدودیت هایی مثل «فقط پاستلی» تصادفی را مفید نگه می دارند.
درک کدهای رنگ
- HEX (#3A86FF): شش رقم هگزادسیمال — زبان مشترک وب در CSS. مستقیم در برگه های سبک و Figma یا Canva کپی و بچسبانید.
- RGB (58، 134، 255): چه مقدار نور قرمز، سبز و آبی مخلوط می شود. پایه هر رنگ صفحه.
- HSL (217°، 100%، 62%): رنگ (جای روی چرخه)، اشباع (شدت) و روشنایی. آسان ترین مدل برای تنظیم برای انسان ها — تیره ترش می خواهید؟ روشنایی را کم کنید.
موارد استفاده عملی
- طراحی وب: رنگ های تاکیدی را برای دکمه ها، پیوندها و هایلایت ها کشف کنید که عمدا انتخاب نمی کردید.
- جستجوی برند: به سرعت ده ها نامزد بسازید، جالب ها را جدا کنید، سپس بهتر کنید.
- مصور سازی داده: پالت های برجسته برای نمودارها بسازید جایی که هر سری به رنگ قابل تشخیص خود نیاز دارد.
- کدنویسی خلاقانه و بازی ها: افکت های ذره ای، آواتارها یا هنر مولد را با تصادفی منظم تصادفی کنید.
- گرادیان های CSS: دو رنگ تصادفی بگیرید و برای پس زمینه های فوری آنها را در گرادیان خطی بگذارید.
کار حرفه ای با رنگ های تصادفی
- بازه را محدود کنید: تصادفی نامحدود اغلب رنگ های قهوه ای مثل گل تولید می کند. فیلترهای پاستلی، روشن یا تیره نتایج بسیار قابل استفاده تری می دهند.
- کنتراست را بررسی کنید: زیبایی معنایی ندارد اگر متن خوانده نشود. کنتراست WCAG AA (4.5:1) را برای متن معمولی هدف بگیرید.
- پالت ها بسازید: رنگی محبوب را قفل کنید، سپس همراه بسازید. گردش کار قفل و چرخش دقیقا به همین دلیل ساخته شده بود.
- کدها را یادداشت کنید: مقادیر HEX را فورا در سیستم طراحی خود کپی کنید — وگرنه «آن آبی زیبای قبلی» برای همیشه گم می شود.
مرجع سریع روانشناسی رنگ ها
آبی به اعتماد و آرامش اشاره می کند (بانک و مراقبت سلامت)؛ قرمز عجله و گرسنگی ایجاد می کند (فروش و غذا)؛ سبز به رشد و دوستی با محیط اشاره می دهد؛ بنفش خلاق و مجلل به نظر می رسد؛ زرد توجه می کشد اما در فضاهای بزرگ چشم ها را خسته می کند. برای کشف از تولید تصادفی استفاده کنید، سپس برای انتخاب نهایی روانشناسی را اعمال کنید.
یادآوری دسترسی
تقریبا 1 مرد از هر 12 با نوعی کمبود در دیدن رنگ مواجه است. برای رساندن معنا هرگز فقط به رنگ تکیه نکنید — آن را با برچسب ها، آیکون ها یا الگوها جفت کنید، و پیش از فرستادن پالت ها را با شبیه ساز کوررنگی آزمایش کنید.
راهنمای گام به گام: روش ساخت رایگان پالت های رنگ تصادفی آنلاین (راهنمای 2026)