در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش HTML گام به گام قسمت 7 : استفاده از رنگ

در اچ تی ام ال برای تعیین رنگ هر چیزی شما چند راه مختلف پیش رو دارید:

  • استفاده از نام رنگ
  • استفاده از کدهای RGB
  • استفاده از کدهای HEX

استفاده از نام رنگ: خب در واقع این روشی است که کمتر مورد استفاده طراحان وب استفاده می شود به خاطر اینکه تعداد گزینه های انتخاب رنگ محدود هستند. برای انتخاب رنگ ها در این صورت شما تنها باید نام انگلیسی مربوط به رنگ را بلد باشید. مثلا: Red, Blue, Green و... (استفاده از این روش پیشنهاد نمی شود).استفاده از کدهای RGB: اگر تا به حال در بچگی با گواش و قلمو و... کار کرده باشید حتما شده که چند رنگ را مخلوط کنید (عمدی یا غیر عمدی ) گاهی ترکیبات قشنگی در می آمدند و گاهی هم کمی .... در اچ تی ام ال شما می توانید سه رنگ Red ، Green و Blue را با هم ترکیب کنید و از مخلوط آنها رنگ هایی را بدست آورید. مشکلی که در حالت قبلی وجود داشت تعداد کم رنگ ها بود ولی با این روش که در ادامه به شما خواهم گفت می توانید 16.581.375 رنگ را داشته باشید. کافیست از روش زیر استفاده کنید:

Rgb(255,255,255)

اگر به این اعداد توجه کنید در میابید که اعداد سمت چپ مربوط به حرف R می باشند که همان Red یا قرمز است. اعداد وسط مربوط به Green یا سبز و اعداد سمت راست مربوط به Blue یا آبی.حداکثر عددی که می توان به هر یک از این عبارت ها داد مابین صفر تا 255 می باشد. اگر همه اعداد صفر باشد مقدار رنگ برابر سیاه است چون هیچ رنگی وجود ندارد و اگر همه اعداد 255 باشد رنگ سفید به نمایش در می آید. حالا یک سوال اگر فقط عدد سمت راست 255 و بقیه صفر باشند چه رنگی نمایش داده می شود؟ در نهایت وقتی خواستید رنگ را مشاهده کنید باید از عبارت rgb(28, 58, 255) استفاده کنید. به مثالهای زیر توجه کنید:

Rgb(255,255,255) سفید
Rgb(0,0,0) سیاه
Rgb(255,0,0) قرمز
Rgb(255,255,0) زرد
Rgb(0,255,0) سبز
Rgb(0,255,255) نیلی
Rgb(0,0,255) آبی

استفاده از کدهای HEX: این کدها از سیستم نمایشی هگزادسیمال یا شانزده ای استفاده می کنند شیوه کاری آنها همانند RGB می باشد با این تفاوت که محدوده کاری این کدها صفر تا F می باشد. در سیستم شانزده تایی از عدد صفر تا 9 از عدد استفاده می شود اما از 10 تا عدد 15 از حروف A تا F استفاده می شود. حرف A برابر 10، حرف B برابر 11، حرف C برابر 12 و ... حرف F برابر 15 می باشد.استفاده از این حالت آسان تر از وضعیت قبلی است برای کار با این روش کدنویسی از روش زیر باید تبعیت کنید.

#FFFFFF

هر جفت F مربوط به یک رنگ بین قرمز، سبز و آبی می باشد. در مثال بالا رنگ سیاه به نمایش در می آید. به مثال های زیر توجه کنید:

#FFFFFF سفید
#000000 سیاه
#FF0000 قرمز
#FFFF00 زرد
#00FF00 سبز
#00FFFF نیلی
#0000FF آبی

نویسنده : ارسطو عباسی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

#مبانی_html #آموزش_html #تفاوت_cmyk_و_rgb #آموزش_گام_به_گام_html #آموزش_مقدماتی_html_و_css #یادگیری_html_به_زبان_ساده #آموزش_مقدماتی_html #استفاده_از_رنگ_در_html #رنگبندی_در_html
عنوان
1 آموزش HTML گام به گام قسمت 1 : معرفی و آشنایی کلی رایگان
2 آموزش HTML گام به گام قسمت 2 : دستورات مقدماتی و معرفی ساختار رایگان
3 آموزش HTML گام به گام قسمت 3 : صفحات یا Attributes و نکات مربوطه رایگان
4 آموزش HTML گام به گام قسمت 4 : عنوان بندی و تگ های جدید رایگان
5 آموزش HTML گام به گام قسمت 5 : استایل و فرمت متن ها رایگان
6 آموزش HTML گام به گام قسمت 6 : نقل قول و درج توضیحات رایگان
7 آموزش HTML گام به گام قسمت 7 : استفاده از رنگ رایگان
8 آموزش HTML گام به گام قسمت 8 : CSS چیست و مقدمات آن رایگان
9 آموزش HTML گام به گام قسمت 9 : لینک ها رایگان
10 آموزش HTML گام به گام قسمت 10 : تصاویر رایگان
11 آموزش HTML گام به گام قسمت 11 : جداول رایگان
12 آموزش HTML گام به گام قسمت 12 : لیست ها رایگان
13 آموزش HTML گام به گام قسمت 13 : بلاک و کلاس ها رایگان
14 آموزش HTML گام به گام قسمت 14 : قاب بندی رایگان
15 آموزش HTML گام به گام قسمت 15 : تگ عنوان یا Head رایگان
16 آموزش HTML گام به گام قسمت 16 : چند قانون ساده رایگان
17 آموزش HTML گام به گام قسمت 18 : فرم ها رایگان
18 آموزش HTML گام به گام قسمت 19 : کنترل ها و اجزای فرم رایگان
19 آموزش HTML گام به گام قسمت 20 : انواع ورودی رایگان
20 آموزش HTML گام به گام قسمت 21 : خاصیت های تگ input رایگان
21 آموزش HTML گام به گام قسمت 22 : چندرسانه/ویدیو و صدا رایگان
22 آموزش HTML گام به گام قسمت 23 : مدیریت بهتر لایه های وب رایگان
زمان و قیمت کل 0″ 0
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره پاییزه می تونی امروز ارزونتر از فردا خرید کنی ....