رنگ ها در CSS

رنگها در CSS معمولا در فرمت های زیر تعریف می شوند :

یک نام رنگمعتبر – مانند : red
یک مقدار RGB – مانند : (۲۵۵,۰,۰)rgb
یک مقدار HEX – مانند : ff0000 #

نام رنگ ها در CSS

رنگ ها با نام آنها تنظیم می شوند :

مثال :

رنگ نام رنگ
قرمز
سبز
آبی
نارنجی
زرد
فیروزه ای
مشکی

پيش نمايش آنلاين

نکته ! نام رنگ ها به بزرگی و کوچکی حروف حساس نیستند : red و RED با هم برابرند.
مقدار RGB ( Red , Green , Blue)

مقادیر رنگ در RGB با فرمول روبرو قابل تنظیم است : rgb(red, green, blue)
هر پارامتر (red, green, blue) با استفاده از مقادیر ۰ تا ۲۵۵ ، مشخص کننده شدت هر رنگ می باشد. برای مثال rgb(255,0,0) نشان دهنده قرمز است چون قرمز در بالاترین حد خود (۲۵۵) تنظیم شده و دو رنگ دیگر ۰ هستند.

مثال :

رنگ کد رنگ
rgb(255,0,0)
rgb(0,255,0)
rgb(0,0,255)
rgb(255,165,0)
rgb(255,255,0)
rgb(0,255,255)
rgb(0,0,0)

پيش نمايش آنلاين

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

مثال :

رنگ ها

رنگ

RGB

rgb(0,0,0)
rgb(128,128,128)
rgb(255,255,255)

پيش نمايش آنلاين

رنگ های هگزادسیمال

مقادیر همچنین می توان با استفاده از مقادیر هگزادسیمال رنگ ها به شکل روبرو استفاده کرد : RRGGBB#
RR مقدار قرمز ، GG مقدار سبز و BB مقدار آبی را با استفاده از مقادیر هگزادسیمال از ۰۰ تا FF مشخص می کنند. به عنوان مثال ، مقدار FF0000 به رنگ قرمز نمایش داده می شود. زیرا مقدار رنگ قرمز در بالاترین مقدار ( FF ) و دو رنگ دیگر در کمترین مقدار تنظیم شده اند.

نکته ! مقادیر HEX به بزرگی و کوچکی حروف حساس نیستند. ff0000 همان FF0000 است.

مثال :

رنگ HEX
FF0000
۰۰FF00
۰۰۰۰FF
FFA500
FFFF00
۰۰FFFF

پيش نمايش آنلاين

سایه های سفید تا سیاه هم معمولا با تنظیم برابر مقدار هر سه رنگ ، به دست می آیند.

مثال :

رنگ

HEX

۰۰۰۰۰۰
۸۰۸۰۸۰
FFFFFF

پيش نمايش آنلاين

رنگ ها در CSS
5 (100%) 1 رای

(401 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

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

حاصل جمع اعداد را وارد کنید : *