تو این سایت آموزش کوتاهی برای نشان دادن  چگونگی ساخت رنگ وب سایت گذاشته شده:ColorPicker.com.

رنگ غالب رو انتخاب کنید.

مرحله اول: ابتدا کد رنگ رنگ غالب خود را از ColorPicker.com دریافت کنید. کد رنگ به طور مستقیم بالای مربع مربع رنگ واقع شده است.

وقتی کد رنگ را از ColorPicker.com برداشتید، آن را در جعبه “HEX” در ابزار Adobe Color CC وارد کنید. اطمینان حاصل کنید که کد را به جعبه HEX در ستون میانی وارد کنید:

وقتی این کار را انجام دادید، Adobe Color CC Tool رنگ شما را همراه با چند رنگ مکمل دیگر نشان می دهد.

مرحله ۲: در سمت چپ ابزار Adobe Color CC Tool، رنگ های زیر را می بینید:

رنگ های مشابه
رنگ تک رنگ
رنگ های سه گانه
رنگ های مکمل
ترکیب رنگها
سایه ها

روی Color Rules کلیک کنید تا طرح های رنگی مختلف را ببینید و یکی از آن را انتخاب کنید. تمامی رنگهای نشان داده شده  تو یه طیف رنگی هستند.

مرحله۳: تنظیم رنگ خود را با کشیدن رنگ بر روی هر یک از انتخابگرهای رنگ.

دقت کنید که انتخاب رنگ متوسط را با فلش کوچک حرکت ندهید تا رنگ غالب خود را ثابت نگه دارد.

مرحله ۴: کدهای طرح رنگی را در پایین ابزار کپی کنید.

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

سازنده های وب مانند WordPress، Wix، Squarespace، Weebly، و….. این امکان را می دهند که کد های رنگ HEX را به قسمت های خاص وب سایت اضافه کنند. شما می توانید جدول مقایسه سازنده وب سایت را در اینجا ببینید.

برای ایجاد طرح رنگی  می تونید از عکس استفاده کنید.

اگر هیچ ایده ای در مورد رنگ ندارید، می توانید طرح رنگی خود را بر اساس عکس انتخابی خود ایجاد کنید.

خیلی ساده تر است که طرح رنگی رو که دوست دارید به صورت آنلاین پیدا کنید و آن را کپی کنید.

Adobe Color CC اجازه آپلود تصاویر را می دهد و به طور خودکار رنگی را بر اساس رنگ در آن تصویر تولید می کند.


مرحله ۱: عکس خود را آپلود کنید

مرحله ۲: از ۵ حالت مختلف رنگی در سمت چپ ابزار یکی رو انتخاب کنید:

رنگارنگ
روشن
خفه شدم
عمیق
تاریک

بر روی حالت های مختلف رنگ کلیک کنید و ببینید کدام طرح رنگی را ترجیح می دید.

Step3: تنظیم رنگ خود را با حرکت دادن انتخابگر رنگ در اطراف عکس تنظیم کنید.

مرحله ۴: کدهای طرح رنگی خودتون رو  در پایین ابزار کپی کنید. این کد های رنگی برای رنگی است که می توانید برای طراحی کلی وب سایت استفاده کنید.

روی نماد چرخ رنگ کلیک کنید تا کدهای رنگی طرح رنگ را ببینید.

سازنده های وب مانند WordPress، Wix، Squarespace، Weebly، و غیره، به شما امکان اضافه کردن کد های رنگ HEX را به قسمت های خاص وب سایت دارد. شما می توانید جدول مقایسه سازنده وب سایت خود را در اینجا ببینید.