رنگ قلم

ویژگی های بسیاری برای تنظیم قلم در CSS وجود دارد. ما آموزش را با رنگ قلم شروع می کنیم. ( اگر چه ویژگی رنگ تنها برای قلم استفاده نمی شود، بلکه برای عناصر مختلفی بکار برده می شود):

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

-نام رنگ به صورتی که خوانده می شود.

-نام رنگ به صورت مقدار هگزادسیمال

-نام رنگ با مقدار RGB

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

}H1 

;text-align: center
;font-family: Courier New, Courier, Mono
;color: red

}

بنابراین برای تنظیم کردن رنگ از کلمه "color" به همراه علامت نقل قول ( ; )  استفاده می کینم.

تعداد 17 رنگ رایج و 130 رنگ غیر رایج وجود دارد.

رنگهای رایج عبارتند از:

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

مقادیر هگزا دسیمال:

مقادیر هگزا دسیمال در طراحی وب بسیار پرکاربرد هستند. اگر تا بحال اسم آن به گوشتان نخورده است، باید بدانید که در یک مقدار هگزادسیمال از اعداد 0 تا 9 و حروف A تا F استفاده می شود. (پایه 16). در پایه 16، از حروف  A  تا F به جای اعداد 10 تا 16 استفاده می شود. بنابراین A=10 و B=11 و C=12 و... می باشد.

مقادیر هگزادسیمال به صورت ترکیبی از رنگهای قرمز، سبز و آبی ایجاد می شوند که هر رنگ دو جایگاه را به خود اختصاص می دهد. به عنوان مثال:

#FF0000رنگ قرمز

#00FF00رنگ سبز

#0000FFرنگ آبی

نکته: به علامت # قبل از کد رنگ توجه نمایید:

مثال:

H1 {

text-align: center;
font-family: Courier New, Courier, Mono;
color: #2F0B99;

}

مثال: رنگهای زیر را امتحان نمایید:

color: #1BAA12;

color: #1087AC;

color: #451DE2;

مقادیر RGB

روش دیگری برای تنظیم رنگ، استفاده از مقادیر RGB می باشد. RGB از بر گرفته از کلمات Red (قرمز)، Green (سبز) و Blue (آبی) می باشد. مشابه روش قبل، هر رنگ دارای جایگاه مخصوص می باشد، این بار از اعداد 0 تا 255 استفاده می شود. فرمت استفاده از مقادیر RGB به شکل زیر می باشد:

;(color: RGB(255, 0, 0

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

تمرین: رنگهای RGB زیر را امتحان کنید:

color: RGB(0, 255, 0);

color: RGB(125, 125, 0);

color: RGB(255, 255, 10);

 

" نکته: برای یافتن کد رنگ مورد نظر خود،color picker را در یک موتور جستجو مانند گوگل وارد کنید. "  

با این کار لیستی از وب سایتهایی خواهید یافت که مقادیر صحیح رنگ دلخواه تان را به شما نشان می دهد.