چرخ رنگ - چرخ انتخاب کننده رنگ آنلاین و رنگ های مکمل
از این تعاملی استفاده کنید چرخ رنگ به یک رنگ انتخاب کنید، پیدا کنید رنگ های مکمل، و کشف کنید مشابه، سه گانه، چهارتایی، و تقسیم-مکمل طرح ها این یک راه سریع برای تطبیق رنگ، آزمایش رنگهای متضاد و ایجاد ترکیبهای رنگی است که به خوبی با هم هماهنگ میشوند.
ویژگی ها
- تعاملی چرخ انتخاب رنگ (HSV) با کشیدن صاف و ورودی های دقیق (HEX/RGB/HSL).
- فوری مولد رنگ مکمل به علاوه گزینه های مشابه، سه گانه، تقسیم-مکمل، چهارتایی، و تک رنگ.
- نکات کنتراست WCAG برای متن و دکمه های UI قابل خواندن با استفاده از رنگ های متضاد.
- صادرات پالت به PNG، SVG، یا متغیرهای CSS برای دست زدن سریع
- بوم پاسخگو که کامل را حفظ می کند دایره رنگی قابل مشاهده در هر صفحه نمایش
برنامه های کاربردی
نام تجاری و رابط کاربری: پالت های هماهنگی بسازید که با شخصیت برند شما همسو باشد. استفاده کنید چرخ رنگ مکمل برای ایجاد CTAهای با تاثیر بالا، یا الف رنگ سه گانه طرحی برای مسیریابی متعادل و رنگ های نمودار.
تصویر و پوشاک: کاوش کنید طرح های مشابه برای شیب هایی که حس طبیعی دارند. هنگامی که به رنگ هایی نیاز دارید که به خوبی با هم ترکیب شوند، این ابزار کمک می کند رنگ های مکمل را پیدا کنید که در ظاهر ظاهر می شوند ("رنگ های مکمل در تناسب").
داخلی و رنگ آمیزی: ترجمه کنید چرخ رنگ RGB به a چرخ رنگ رنگ طرز فکر با سایه لنگر خود شروع کنید و تست کنید رنگ های مخالف یا بی صدا رنگ های درجه سوم برای تعادل
یعنی تاریخ: پالت هایی را با کنتراست کافی برای نمودارها انتخاب کنید. الف تقسیم-مکمل مجموعه اغلب با حفظ تنوع از سردرگمی جلوگیری می کند.
نحوه کار
- انتخاب رنگ: روی چرخ بکشید یا HEX/RGB/HSL را وارد کنید.
- یک طرح را انتخاب کنید: مکمل، مشابه، سه گانه، تقسیم-مکمل، چهارتایی، یا تک رنگ.
- پالایش ارزش: روشنایی (مقدار) را برای کنترل نور/تاریکی تنظیم کنید.
- کنتراست را بررسی کنید: اطمینان حاصل کنید که متن با WCAG در پسزمینههای روشن/تاریک مطابقت دارد.
- صادرات: PNG/SVG را دانلود کنید یا متغیرهای CSS را برای برنامه dev hand-off کپی کنید.
نکته: زمانی که به یک سریع نیاز دارید ژنراتور ترکیب رنگبرای مقایسه حالت و خوانایی با Single → Complementary → Triadic شروع کنید.
سوالات متداول
چرخه رنگ در تئوری رنگ چیست؟
را چرخ تئوری رنگ رنگ ها را در یک دایره مرتب می کند تا بتوانید روابطی مانند مکمل (متضادها)، مشابه (همسایه ها) و سه گانه (با فاصله مساوی) را ببینید. مبنایی است برای هماهنگی رنگ و انتخاب رنگ هایی که با هم هماهنگ هستند.
چگونه رنگ های مکمل را پیدا کنم؟
رنگ پایه را انتخاب کنید؛ آن رنگ مکمل دقیقا روبروی چرخ می نشیند از طرح "مکمل" برنامه برای ایجاد فورا جفت و ارزیابی کنتراست استفاده کنید.
رنگ های اولیه، ثانویه و سوم چیست؟
رنگ های اولیه رنگ های پایه هستند. با مخلوط کردن آنها رنگ های ثانویه به دست می آید و مخلوط کردن یک اولیه با یک ثانویه همسایه ایجاد می کند رنگ های درجه سوم، یک چرخ کلاسیک 12 رنگ را تشکیل می دهد.
چرخه رنگ RGB در مقابل دایره رنگ رنگ؟
را چرخ رنگ RGB مدل های نور افزودنی برای صفحه نمایش; چرخ های رنگ سنتی RYB کسر می شوند. جفت های مکمل بین مدل ها کمی متفاوت است.
رنگ های رنگین کمان به ترتیب کدامند؟
قرمز، نارنجی، زرد، سبز، آبی، نیلی، بنفش – هنگام ساختن مفید است چرخ طیف رنگ یا آموزش مبانی تئوری رنگ.
چه رنگ هایی برای رابط کاربری خوب با هم هماهنگ می شوند؟
امتحان کنید مشابه برای هماهنگی صاف، سه گانه برای کنتراست متعادل، یا مکمل برای تاکید قوی (دکمه ها، هشدارها). همیشه نسبت کنتراست را بررسی کنید.
واژه نامه (تئوری رنگ)
رنگ های مکمل: رنگ های مخالف روی چرخ که کنتراست را به حداکثر می رساند (مثلاً آبی ↔ نارنجی).
مشابه: رنگ های همسایه که شیب ملایم و انسجام بصری ایجاد می کنند.
سه گانه: سه رنگ با فاصله 120 درجه از هم؛ زنده و در عین حال متعادل
تترادیک: دو جفت مکمل؛ ثروتمند اما به تعادل دقیق نیاز دارد.
ابتدایی / ثانویه / سوم: رنگ های پایه، ترکیب آنها و مراحل میانی در یک چرخ 12 رنگ.
رنگ/اشباع/مقدار (HSV): زاویه روی چرخ، شدت رنگ و روشنایی.
دسترسی و کنتراست
از نکات کنتراست برای اطمینان از خواندن متن استفاده کنید. برای متن معمولی، نسبت را هدف بگیرید ≥ 4.5:1; برای متن بزرگ، ≥ 3:1. در صورت شک، یک پسزمینه روشنتر و یک رنگ مکمل تیرهتر انتخاب کنید، یا برای خوانایی بهتر، روشنایی/مقدار را افزایش دهید.