آبی برند هرگز #0000FF نیست: اینتل، لینکدین، آیبیام و دل چطور از آبی استفاده می‌کنند
آبی خالص در چاپ خاکستریتر درمیآید، شبیه لینک به نظر می‌رسد و روی مشکی سخت دیده میشود. لوگوهای آبیِ معروف همگی از یک آبی آرامتر استفاده می‌کنند. کدهای دقیقشان، دلیل تغییر آبی فیسبوک و ویزا در چاپ و روش انتخاب آبی خودتان.
یک آبی خوب برای برند هرگز #0000FF نیست. آبی خالص عمیق‌ترین آبیِ قابل نمایش روی صفحه است، که قوی به نظر می‌رسد تا وقتی که لوگو به چاپ میرود و خاکستریتر برمی‌گردد، یا در صفحه‌ای وب می‌نشیند که هر چیز آبی در آن شبیه لینک است. لوگوهای آبیِ معروف همه این مشکل را به یک شکل حل کرده‌اند و کپی کردن این الگو برای برند خودتان آسان است.
چرا آبی خالص دردسر دارد
آبی خالص گوشه‌ی فضای رنگی صفحه است: نور آبی با تمام قدرت و هیچ چیز دیگر. جوهر چاپ نمی‌تواند به آن گوشه برسد.
روی صفحه
در چاپ، روی کاغذ کوشه
وقتی #0000FF برای دستگاه چاپ کوشه استاندارد تبدیل شود، به CMYK برابر 93/75/0/0 می‌رسد و پروفش حدود #2C4A9A درمیآید: خاکستریتر و تخت‌تر. این تفاوت آن‌قدر زیاد است که چشم آموزش‌دیده آن را رنگی دیگر می‌داند، پس آبی روی کارت ویزیت شما با آبی وب‌سایتتان یکی نخواهد بود.
آبی خالص روی مشکی هم مشکل دومی دارد. تیره‌ترین رنگ در میان رنگ‌های روشن است، برای همین متن یا نشان آبی روی زمینه تیره تقریباً ناپدید میشود.
روی سفید
روی مشکی
شبیه لینک هم هست
لینک پیشفرض مرورگر
آبی خالص
مرورگرها لینکهای بازدیدنشده را بر اساس استایلشیت پیشنهادی استاندارد HTML با #0000EE رنگ می‌کنند. این فقط یک قدم با #0000FF فاصله دارد، پس لوگو یا دکمه‌ای به رنگ آبی خالص یا شبیه چیزی برای کلیک کردن است یا شبیه چیزی که استایل نگرفته.
آبیهای معروف چطور این کار را می‌کنند
اینتل: #0068B5
یک آبی میانی روشن و شفاف، حدود ۳۴ درجه از آبی خالص به سمت فیروزهای. پروف چاپ آن در محدوده Delta E برابر 0.8 از رنگ صفحه‌اش می‌ماند، که آن‌قدر کوچک است که دیده نمی‌شود. لوگوی اینتل روی این آبی به‌صورت سفیدِ معکوس استفاده میشود و سفید روی آن به‌راحتی خوانده میشود.
لینکدین: #0A66C2
آبیِ صمیمی با کمی بنفش بیشتر از اینتل. از میان این چهار رنگ، در چاپ بیشترین تغییر را دارد، با Delta E برابر 2.0، که همچنان درست در مرز چیزی است که چشم می‌تواند تشخیص بدهد. نوشته و کادر سفید می‌شوند و «in» به رنگ آبی بریده میشود.
آیبیام: #1F70C1
آبیِ پایدار و کمی ملایم‌تر با کمی خاکستری در آن. حروف راه‌راه نازک هستند، پس رنگ باید آن‌قدر روشن بماند که خطوط سفید روی آن خوانده شوند: سفید روی این آبی با فاصله از حداقل دسترس‌پذیری برای متن عبور میکند. در چاپ با Delta E برابر 1.3 درمیآید.
دل: #007DB8
روشن‌ترین و فیروزه‌ای‌ترین آبی از این چهار، از بازطراحی ۲۰۱۶ دل. تمیزترین آبی این جمع است، ۴۱ درجه با آبی خالص فاصله دارد و در چاپ در محدوده 0.9 Delta E می‌ماند. همچنین کمترین فضا را برای متن سفید دارد: از آزمون کنتراست عبور میکند، اما به‌سختی.
سه کاری که همه‌شان می‌کنند
به سمت فیروزهای می‌روند. آبی خالص روی چرخه رنگ در ۲۴۰ درجه است و رنگ پیشفرض لینک هم همان‌جا. دل در ۱۹۹، اینتل در ۲۰۶ و لینکدین و آیبیام در ۲۱۰ هستند. ۳۰ تا ۴۰ درجه دور شدن از ۲۴۰ چیزی است که آبی را آرام میکند و از شبیه شدنش به هایپرلینک جلوگیری میکند.
روی سفید و روی مشکی کار می‌کنند. آبی خالص روی سفید قوی است و روی مشکی غرق میشود. این چهار رنگ در میانه‌ی دامنه روشنایی هستند، پس متن سفید روی همه‌شان قبول میشود و هرکدام به‌عنوان یک رنگ روی زمینه تیره دیده می‌ماند.
در چاپ درست درمی‌آیند. هرکدام در محدوده Delta E برابر 2.0 پروف می‌شوند.
| برند | آبی | تُن | متن سفید روی آن | به‌عنوان رنگ روی مشکی | تغییر در چاپ |
|---|---|---|---|---|---|
| آبی خالص | #0000FF | 240° | قبول، 8.6 به 1 | رد، 2.4 به 1 | زیاد، 16.6 |
| اینتل | #0068B5 | 206° | قبول، 5.8 به 1 | قبول، 3.6 به 1 | نامرئی، 0.8 |
| لینکدین | #0A66C2 | 210° | قبول، 5.7 به 1 | قبول، 3.7 به 1 | کم، 2.0 |
| آیبیام | #1F70C1 | 210° | قبول، 5.1 به 1 | قبول، 4.1 به 1 | کم، 1.3 |
| دل | #007DB8 | 199° | قبول، 4.5 به 1 | قبول، 4.6 به 1 | نامرئی، 0.9 |
تغییر چاپ زیر حدود ۲ به‌سختی دیده میشود. بالای حدود ۵، رنگ چاپی مثل یک آبی دیگر به نظر می‌رسد.
آبی‌هایی که در چاپ تغییر می‌کنند
قبول شدن در آزمون‌های صفحه کافی نیست، چون چاپ آزمون خودش را دارد. با همان روش اندازه‌گیری، سه آبی معروف دیگر روی دستگاه چاپ کوشه خیلی جابه‌جا می‌شوند.
| برند | آبی | تُن | متن سفید روی آن | تغییر در چاپ |
|---|---|---|---|---|
| فیسبوک | #0866FF | 217° | قبول، 4.8 به 1 | زیاد، 9.7 |
| ویزا | #1434CB | 230° | قبول، 8.8 به 1 | زیاد، 9.2 |
| سامسونگ (نقل‌شده) | #1428A0 | 231° | قبول، 11.4 به 1 | محسوس، 6.0 |
آبی فیسبوک جالب‌ترین است. در محدوده‌ی متمایل به فیروزهای قرار دارد و آزمون متن سفید را رد میکند، و با این حال به‌عنوان یک آبی کاملاً متفاوت پروف میشود.
آبیهای روشن‌تر و اشباع‌تر بیرون از چیزی می‌افتند که جوهر چهاررنگ می‌تواند چاپ کند. این برندها دلایل خودشان را دارند و بیشتر روی صفحه زندگی می‌کنند، پس این یک اندازه‌گیری است نه یک اشتباه. درسی که برای لوگوی شما دارد این است که پروف چاپ بگیرید، نه اینکه از روی تُن حدس بزنید.
چطور برای لوگوی خود آبی انتخاب کنید
- از ۳۰ تا ۴۰ درجه دورتر از آبی خالص شروع کنید.
#0000FFرا به سمت فیروزهای بکشید تا بین حدود ۱۹۹ و ۲۱۰ درجه بنشیند، یعنی محدوده‌ای که چهار آبی معروف استفاده می‌کنند. - سه‌گانه آزمایشش کنید. متن سفید روی آن باید در اندازه متن اصلی راحت خوانده شود. خود رنگ باید روی مشکی هم دیده شود. و کنار
#0000EEنباید شبیه لینک باشد. - در چاپ پروف بگیرید. در ابزار طراحی با پروفایل کاغذ کوشه سافت‌پروف کنید، یا از چاپخانه پروف بخواهید. اگر آبی چاپی مثل رنگ دیگری به نظر می‌رسد، آن را جابه‌جا کنید تا صفحه و چاپ با هم هماهنگ شوند.
این ۴ آبی را بدزدید
چهار آبی، همانطور که هر برند می‌کشد.
از آن‌ها برای مطالعه و برای سنجیدن آبی خودتان کنارشان استفاده کنید. کپی کردن دقیق آبی یک برند معروف برای لوگوی جدید در کسب‌وکاری مرتبط راهی است که شما را شبیه تقلبی نشان می‌دهد: از الگو استفاده کنید، نه از کدها.
سوالات متداول
کد هگز آبی اینتل چیست؟
آبی اینتل #0068B5 است، همانطور که در فایل لوگوی اینتل کشیده شده.
کد هگز آبی لینکدین چیست؟
آبی لینکدین #0A66C2 است، همانطور که در فایل لوگوی ۲۰۲۱ لینکدین کشیده شده.
کد هگز آبی آیبیام چیست؟
آبی آیبیام #1F70C1 است، همانطور که در فایل لوگوی آیبیام کشیده شده.
کد هگز آبی دل چیست؟
آبی دل #007DB8 است، همانطور که در لوگوی دل از بازطراحی ۲۰۱۶ کشیده شده.
چرا #0000FF برای لوگو بد است؟
در چاپ بهطور محسوسی خاکستریتر از آنچه روی صفحه دیده میشود درمیآید، تقریباً همان آبی لینک پیشفرض مرورگر است و روی مشکی تقریباً ناپدید میشود. یک آبی آرامتر که به سمت فیروزهای میرود هر سه مشکل را حل میکند.
رنگ پیشفرض لینک در مرورگر چیست؟
لینکهای بازدیدنشده در استایلشیت پیشنهادی استاندارد HTML برابر #0000EE هستند، که یک قدم با آبی خالص فاصله دارد.
آبی خوب برای لوگو چیست؟
یک آبی میانی بین حدود ۱۹۹ تا ۲۱۰ درجه تُن، مثل آبیهای اینتل، لینکدین، آیبیام و دل، که متن سفید را تحمل کند، روی مشکی دیده شود و در چاپ در محدوده Delta E حدود ۲ پروف شود.
منابع
- رنگ‌ها از فایل لوگوی هر برند در Wikimedia Commons خوانده شده‌اند: لوگوی اینتل (۲۰۲۰)، لینکدین (۲۰۲۱)، آیبیام، دل (۲۰۱۶).
- رنگ پیشفرض لینک: استاندارد HTML، rendering، که در آن
:linkبرابر#0000EEاست. - تغییر در چاپ: سافت‌پروف روی پروفایل چاپ Coated FOGRA39، اندازه‌گیری‌شده به‌صورت Delta E 2000.
#0000FFبه‌صورت#2C4A9Aپروف میشود، با اختلاف 16.6. چهار آبی معروف بین 0.8 و 2.0 تغییر می‌کنند. آبی فیسبوک#0866FF، ویزا#1434CBو آبی نقل‌شده سامسونگ#1428A0به‌ترتیب 9.7، 9.2 و 6.0 تغییر می‌کنند. - زاویه‌های تُن از روی کدهای هگز با مدل HSL محاسبه شده‌اند. نسبت‌های سفید روی رنگ و رنگ روی مشکی با فرمول کنتراست WCAG 2 محاسبه شده‌اند.
- هر لوگو به‌صورت سفیدِ معکوس روی آبی خودش نشان داده شده، نسخه‌ای که این برندها روی رنگ خود استفاده می‌کنند. فقط رنگ‌آمیزی شده، هرگز بازطراحی نشده، و علائم تجاری متعلق به صاحبانشان است.
- نخستین‌بار به‌صورت کاروسل در Logo Brainy منتشر شد.
Choosing colors for a new logo? Our team designs brand identities with colors that work on screen, in print and next to each other.
Get Started
