آبی یکی از رایج ترین رنگ هایی است که در طراحی وب استفاده می شود. استفاده از رنگ آبی متوسط تا تیره باعث ایجاد حس آرامش بخشی می شود که طراحان می توانند آن را با رنگ زرد و نارنجی تکمیل کنند.
در اینجا چند روش مختلف وجود دارد که آبی می تواند با رنگ های دیگر کار کند.
مخالف ها جذابیت دارند و آبی با نارنجی خوب می شود
ترکیب رنگ های آبی با نارنجی را در یک طرح رنگ مکمل در نظر بگیرید.
از تیره‌ترین تا روشن‌ترین، نارنجی‌های نشان داده شده با هر نمونه آبی در تصویر بالا عبارتند از:
- Hex FFA500 | RGB 255, 165, 0 (یک نارنجی طلایی؛ کلمه کلیدی رنگی SVG و کلمه کلیدی رنگی CSS نارنجی)
- Hex FF8000 | RGB 255, 128, 0 (نارنجی متوسط)
- Hex FF4500 | RGB 255, 69, 0 (قرمز نارنجی؛ کلمه کلیدی رنگی SVG نارنجی)
- Hex C83200 | RGB 200, 50, 0 (نارنجی تیره)
- اعداد: Hex FF7F27 | RGB 255, 127, 39 (یک پرتقال هلویی)
بلوزها از تیره‌تر به روشن‌تر عبارتند از:
- Navy: Hex 000080 | RGB 0، 0، 128 (کلید کلیدی رنگی CSS/کلید کلیدی رنگی SVG دریایی)
- آبی: Hex 0000FF | RGB 0, 0, 255 (کلید کلیدی رنگی CSS/SVG آبی است؛ رنگ ایمن مرورگر)
- Hex: 0045FF | RGB 0, 69, 255 (آبی متوسط)
- استیل آبی: Hex 4682B4 | RGB 70، 130، 180 (کلید کلیدی رنگی SVG استیل آبی؛ آبی شرکتی)
- Hex: 0080FF | RGB 0, 128, 255 (آبی متوسط)
- آبی روشن: Hex ADD8E6 | RGB 173, 216, 230 (کلید کلیدی رنگی SVG آبی روشن)
آبی تیره و سایه های متوسط آبی نماد اهمیت، اعتماد به نفس، قدرت، هوش، ثبات، وحدت و محافظه کاری است. با افزودن مقداری رنگ نارنجی به پالت آبی تیره خود، مقداری گرما و انرژی وارد می‌کنید که می‌تواند پالت شما را از بی‌حرکت یا بی‌حرکتی دور نگه دارد.
لازم نیست دقیقاً از این سایه ها استفاده کنید. کمی روشن‌تر یا تیره‌تر بروید، یا در چرخه رنگ یک نقطه به چپ یا راست بروید. این ترکیبات رنگی به شما کمک می کند تا یک پالت رنگی مناسب با استفاده از آبی و نارنجی به عنوان اجزای اصلی پیدا کنید.
میکس دیپ بلوز با زرد طلایی
آبی تیره را تقریباً به بنفش درآورید و به رنگ زرد آفتابی در یک طرح رنگ مکمل اضافه کنید.
آبی یک رنگ سرد است که با اضافه کردن رنگ‌های بنفش به سمت گرم حرکت می‌کند، در حالی که زرد یک رنگ گرم در طرف دیگر چرخه رنگ است. برای جلوگیری از ارتعاشات ناخوشایند، از استفاده در مقادیر مساوی خودداری کنید.آبی خود را با پاشیدن رنگ زرد زنده کنید (یا زرد خود را با یک خط آبی آرام کنید).
از تیره‌ترین تا روشن‌ترین، زردهای نشان‌داده‌شده با هر نمونه آبی در تصویر بالا عبارتند از:
- زرد کادیوم: هگز FF9912 | RGB 255, 153, 18 (یک زرد گرم و قهوه ای)
- طلا: Hex FFD700 | RGB 255، 215، 0 (کلید کلیدی رنگی SVG طلایی)
- اعداد: Hex FFFF00 | RGB 255, 255, 0 (کلید کلیدی رنگی SVG/CSS زرد)
بلوز عبارتند از:
- آبی بسیار تیره: Hex 000033 | RGB 0, 0, 51 (مرورگر آبی تیره ایمن)
- آبی نیمه شب: Hex 191970 | RGB 25، 25، 112 (کلید کلیدی رنگی SVG midnightblue)
- آبی تخته‌ای تیره: Hex 483D8B RGB 72, 61, 139 (کلید کلیدی رنگی SVG تیره‌آبی؛ آبی مایل به خاکستری مایل به بنفش)
- نیل: Hex 4B0082 | RGB 75، 0، 130 (کلید کلیدی رنگی SVG نیلی؛ آبی مایل به ارغوانی)
- بنفش آبی: Hex 8A2BE2 | RGB 138, 43, 226 (کلید کلیدی رنگی SVG آبی بنفش)
- آبی کبالت: Hex 3D59AB | RGB 61، 89، 171
رنگ هایی که به سمت بنفش-بنفش آبی می روند، می توانند حسی از رمز و راز، نکاتی از زنانگی را اضافه کنند. به رنگ آبی سرد گرما می بخشد.
سایه های فیروزه ای با نارنجی تیره
فیروزه ای متوسط تا تیره آبی در آستانه سبز است. در اینجا، سایه های مختلف آبی متوسط و فیروزه ای با رنگ های نارنجی مایل به قهوه ای تیره ترکیب شده اند.
علاوه بر ویژگی‌های آرام‌بخش، این سایه تیره‌تر از آبی ممکن است نماد سبز، مانند تعادل، هماهنگی و ثبات را نیز به همراه داشته باشد. وقتی با سایه های نارنجی مایل به قهوه ای یا قرمز ترکیب شود، کمی گرما و انرژی می گیرد. قهوه ای یک رنگ طبیعی و خنثی است. قرمز و فیروزه ای متضاد در چرخه رنگ با کنتراست بالا هستند، اما لزوما ترکیبی عالی نیستند.حرکت از قرمز به نارنجی و آبی تیره تر، پالت دلپذیرتری ایجاد می کند.
از تیره‌ترین تا روشن‌ترین، قرمز-نارنجی نشان داده شده با هر نمونه آبی در تصویر بالا عبارتند از:
- قرمز نارنجی عمیق: Hex CD3700 | RGB 205، 55، 0
- نارنجی کادمیوم: هگز FF6103 | RGB 255، 97، 3
- اعداد: Hex قرمز FF0000 | RGB 255، 0، 0 (کلید کلیدی رنگی SVG/CSS قرمز)
بلوز عبارتند از:
- آبی رویال تیره: Hex 27408B | RGB 39, 64, 139
- آبی آسمان عمیق: Hex 00688B | RGB 0, 104, 139 (not کلمه کلیدی رنگی deepskyblue)
- آبی تخته‌ای تیره: Hex 2F4F4F RGB 47, 79, 79 (not کلیدواژه رنگی تیره تیره)
- فیروزه تیره: Hex 008B8B | RGB 0، 139، 139 (سمت سبزتر آبی)
- آبی منگنزی: Hex 03A89E | RGB 3, 168, 158 (یک رنگ فیروزه‌ای آبی)
- سیان (آکوا): هگز 00FFFF | RGB 0, 255, 255 (کلید کلیدی رنگی SVG فیروزه ای یا آبی؛ رنگ آبی-سبز)
آبی، قرمز و زرد
یک سه گانه مکمل تقسیم یک رنگ (در این مورد، آبی) را می گیرد و سپس رنگ ها را در دو طرف مکمل آن رنگ می گیرد (رنگ مخالف در چرخه رنگ). مکمل آبی خالص زرد خالص است. آبی متوسط در مقابل نارنجی است. بسته به اینکه با چه سایه آبی شروع می‌کنید و از چند رنگ میانی استفاده می‌کنید، می‌توانید آن را با رنگ‌هایی از صورتی-قرمز تا زرد-سبز مطابقت دهید.
- Navy: Hex 000080 | RGB 0, 0, 128
- قرمز روشن: Hex FE0004 | RGB 254, 0, 4
- زرد آفتابی: Hex FFFB00 | RGB 255, 251, 0
- آبی تخته‌ای تیره: Hex 483D8B RGB 72, 61, 139 (کلید کلیدی رنگی SVG آبی تخته‌ای تیره؛ آبی مایل به خاکستری مایل به بنفش)
- طلا: Hex FFD700 | RGB 255، 215، 0 (کلید کلیدی رنگی SVG طلایی)
- Chartreuse: Hex 7FFF00 | RGB 127، 255، 0
- فیروزه تیره: Hex 008B8B | RGB 0، 139، 139 (سمت سبزتر آبی)
- بنفش-قرمز: Hex D02090 | RGB 208, 32, 144
- نارنجی تیره: Hex C83200 | RGB 200, 50, 0 (not کلمه کلیدی رنگی نارنجی تیره)
سایه‌های تیره‌تر آبی نشان‌دهنده اهمیت، اعتماد به نفس، قدرت، اقتدار، هوش، ثبات، اتحاد و محافظه‌کاری است. قرمز یکی دیگر از رنگ های قدرتمند است، اما بیشتر از آبی توجه را به خود جلب می کند. زرد مقداری روشنایی و شادی می بخشد. استفاده از مقادیر مساوی از هر رنگ آن را کودکانه می کند (رنگ های اصلی را در نظر بگیرید)، مانند مثال شماره 1. با این حال، اگر فقط از دوزهای کوچک قرمز و زرد (یا رنگ های نزدیک) با طرح رنگی عمدتاً آبی تیره استفاده می کنید، برای پروژه های بزرگسالان که نمی خواهید خیلی جدی به نظر برسند بسیار مناسب است.
