آموزشیوب

سایت رنگ برند – کد رنگ ‌های رسمی برند‌های مطرح در ایران

در سایت رنگ برند یک لیست از برندهای مطرح در ایران (ایرانی و خارجی) گردآوری شده است، که طراحان وب فارسی و یا طراحان گرافیک در این سایت می توانند کد رنگ های رسمی برند ها را مشاهده کنند.

در این لیست که تا این تاریخ که این پست ارسال شده است، کد رنگ های رسمی 205 برند مختلف گردآوری شده است است.

صفحه اصلی سایت رنگ برند
صفحه اصلی سایت رنگ برند

برندهای رنگ برند  شامل موارد زیر می شود:

شبکه های اجتماعی مثل واتس اپ ، گوگل+ ، فیسبوک ، توئیتر ، تلگرام ، لینکداین ، اینستاگرام ، تامبلر ، یوتیوب ، پینترست ، کلووب، آپارات،
هوایپمایی ها مثل ایران ایر ، قشم ایر ، ماهان،
بانک ها ،استارتاپ ها، شرکت های معروف خارجی و داخلی در زمینه های مختلف،
دانشگاه آزاد، سایت های پر مخاطب داخلی مثل ورزش سه و دیجیکالا،
مرورگر های اپرا، کروم، موزیلا ، اپراتورهای موبایل،  سایت های جستجو، و سایر سایت ها

برای مشاهده لیست کامل به آخرین تغییرات ایجاد شده مراجعه کنید یا در صفحه اصلی سایت رنگ ‌برند آنها را ببینید.

آموزش کار با سایت

پس از ورود به سایت، از قسمت بالای سایت در قسمت جستجو، نام برند مورد نظر خود را وارد کنید.

جستجوی نام برند در رنگ برند
جستجوی نام برند

در بخش شماره 1 می توانید نام برند را تایپ کنید و در قسمت شماره 2 نوع کد رنگ نمایش داده شده را می توانید انتخاب کنید.

برای نمونه ما اگر نام آپارات را جستجو کنیم، رنگ های اصلی این برند برای ما نمایش داده می شود.

جستجو کردن برند آپارات در رنگ برند
جستجو کردن برند آپارات

و اگر نوع کد را HEX انتخاب کرده باشیم و با نشانگر موس روی یکی از رنگ ها برویم کد HEX آن را به ما نمایش می دهد، که می توانیم از آن استفاده کنیم.

این مقاله را نیز مطالعه کنید:  سایت آموزشی Udacity
کد رنگ هگز آپارات در رنگ برند
کد رنگ هگز (HEX) آپارات

اگر نوع کد را RGB انتخاب کرده باشیم و با نشانگر موس رو یکی از رنگ ها برویم کد RGB آن را به ما نمایش می دهد، و می توانیم از آن استفاده کنیم.

کد رنگ RGB آپارات در رنگ برند
کد رنگ RGB آپارات

و در صورت انتخاب CSS و یا LESS به صورت زیر نمایش داده خواهد شد.

کلاس CSS رنگ آپارات در رنگ برند
کلاس CSS رنگ آپارات
کد رنگ Less آپارات در رنگ برند
کد رنگ Less آپارات

دانلود رنگ برند

همچنین شما می توانید منابع رنگ‌ برند رو دانلود کنید و از آن در پروژه‌های خود، به صورت کاملا رایگان و تحت لایسنس MIT استفاده کنید.

کد رنگ ها به صورت کد هگز (HEX) و کد آر جی بی (RGB) و  همینطور در صورت استفاده از فایل های  CSS و LESS ارائه شده می توانید رنگ های مورد نظر را با کلاس های نمایش داده شده فراخوانی کنید.

دانلود رنگ برند
دانلود رنگ برند

که با باز کردن فایل زیپ شده دانلود شده، فایل های مورد نظر را می توانید دریافت و در طراحی سایت مورد استفاده قراردهید.

محتوای فایل زیپ دانلود شده رنگ برند
محتوای فایل زیپ دانلودی

روش استفاده و فراخوانی رنگ ها در css و  less

شما به عنوان طراح وب می توانید جهت استفاده از فایلهای دریافتی به صورت زیر عمل کنید:

روش استفاده رنگ ها در css و less
روش استفاده رنگ ها در css و less

مشارکت در رنگ برند

شما هم می توانید در این کار مشارکت نمایید و برای این کار کافیست راهنمای مشارکت را مطالعه کنید.

در این راهنما، چگونگی درخواست دادن اضافه کردن برند، بدست آورد رنگ (های) برند، اعلام باگ و یا دادن ایده‌ها توضیح داده شده است.

خالقین رنگ برند

این پروژه  توسط جاوید ایزدفر، ستاره کریمی و مهرنوش دشتی خلق شده و نگه‌داری می شود و از صفحه گیت هاب رنگ برند می توانید با آنها در ارتباط باشید.

امیدوارم که این سایت مورد استفاده شما قرار گیرد.

بهروز شیخان

سلام من بهروز شیخان هستم، و تلاش دارم در این جا آموزش ها، نکات و تجربیاتی که به نظرم مفید هستند، را در اختیار شما قرار دهم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

10 − 2 =

دکمه بازگشت به بالا