سرخط خبرها

رنگ ها در HTML

رنگ ها در HTML

اگر کدهای html یا CSS رو نگاه کرده باشید ، در قسمت هایی که برای تنظیم رنگ متن ، پس زمینه ، حاشیه و … وجود داره معمولا رنگ رو با یک کد خاص به کار بردند . چیزی شبیه rrggbb# .

در HTML هر رنگی یک کد خاصی دارد ، در کدنویسی ها و مسائل مربوطه از این کدها برای نمایش این رنگ ها در اینترفیس اصلی سایت یا برنامه یا همان ظاهر سایت یا برنامه استفاده می شود . در ادامه جدولی از رنگ های اصلی و کاربردی را برای شما قرار داده ایم

امروز می خوایم به صورت کامل و مفصل در مورد نام و کد رنگ ها در زبان های html و CSS صحبت کنیم .
:: معمولا رنگ ها رو به سه طریف در میون کدهای html و css استفاده می کنند . این سه شیوه رو براتون در جدول زیر آوردم :

شیوه استفاده مثال توضیح
استفاده از نام رنگ black سیاه
red قرمز
از ۱۴۷ نام رنگ تعریف شده در CSS و Html استفاده می شود
استفاده از کد ترکیبی (عدد دهدهی) (rgb(0,0,0سیاه
(rgb(255,0,0قرمز
در این روش از کد رنگ به صورت (rgb(r,g,b است که r و g و b به ترتیب شدت رنگ های قرمز ، سبز و آبی را نشان می دهند و که هر کدام مقادیری بین ۰ تا ۲۵۵ را می توانند بپذیرند و هر چه عدد انتخاب شده بیشتر باشد شدت آن رنگ در ترکیب قرمز سبز آبی رنگ بیشتر است .
استفاده از کد ترکیبی (عدد مبنای ۱۶) #۰۰۰۰۰۰ سیاه
#FF0000 قرمز
در این روش که بدلیل کوتاه و ساده بودن کد رنگ بیشترین استفاده رو داره رنگ به صورت rrggbb# نشان داده می شود و تنها تفاوت آن با روش قبل استفاده از اعداد مبنای ۸ (HexaDecimal) به جای اعداد دهدهی است . که rr و gg و bb به ترتیب مقدار عددی شدت رنگ های قرمز ، سبز و آبی رو نشون میده و مقادیر هگزادسیمال بین ۰۰ تا FF که معادل همون ۰ تا ۲۵۵ دهدهی هست رو میتونه بگیره .

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

رنگ ها با استفاده از نشان گذاری مبنای ۱۶ برای ترکیب مقدار رنگ قرمز و سبز و آبی معرفی می شوند. پایین ترین مقدار رنگی که می توان به یک منبع رنگی داد صفر است (hex #00) و بالاترین مقدار ۲۵۵ است(hex #ff).

به طور پیش فرض رنگ متون و جداول صفحه در تمام مرورگرها به رنگ مشکی می باشد . اما گاهی لازم داریم که رنگ یک سری از قسمت های متن را برای نمایش بهتر با یک رنگ متفاوت نمایش بدهیم . برای انجام اینکار می توانیم به صورت مستقیم رنگ قسمت مورد نظر را در Html تغییر بدهیم .
به صورت کلی رنگها با ۲ مقدار در Html نشانه گذاری می شوند .
نوع اول استفاده از کد هگزا می باشد . این کد تشکیل شده از ۶ کاراکتر که هر کدام از آنها می تواند یکی از مقادیر زیر باشد:
۰,۱,۲,۳,۴,۵,۶,۷,۸,۹, A,B,C,D,E,F
که این شش کاراکتر بهمراه علامت # می آیند، بدین شکل: FFFFFF#

این مقدار نمایانگر سه رنگ قرمز (Red) سبز (Green) و آبی (Blue) می باشد که اصطلاحاً به آنها RGB می گویند. اگر هگز یک رنگ را FF0099 در نظر بگیریم، FF مقدار ترکیبی رنگ قرمز، ۰۰ مقدار ترکیبی رنگ سبز و ۹۹ مقدار رنگ آبی را نشان می دهد که ۰۰ کمرنگ ترین و FF پر رنگ ترین حالت را نمایش می دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان می دهد.
با ترکیب این ۱۶ کاراکتر می توانید ۱۶٫۷ میلیون رنگ بسازید. اما فقط ۲۵۶ رنگ هست که سازگار با کلیه سیستمهای عامل و مرورگرها است یعنی رنگهای غیر از آنها در سیستمهای مختلف با هم فرق دارند
بنا بر اعلام W3C بهتر است برای بکارگیری رنگها از خصوصیات استایل شیت‌ها استفاده کنید چون در آینده نزدیک خصوصیات رنگها در عناصر کاربردی نخواهد داشت و از رده خارج می‌شوند. همچنین از حروف بزرگ در مقداردهی رنگها استفاده کنید و علامت # را فراموش نکنید.

 رنگ ها کاربرد زیادی در صفحات وب دارند . معمولا بیشتر از کدهای HEX برای ایجاد رنگ ها استفاده می شه و از نام رنگها به خاطر اینکه حفظ کردن و به یاد آوردنشون سخته استفاده نمیشه .

۹ رنگ پر کاربرد را می توانید در زیر مشاهده کنید .

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

رنگ مبنای  ۱۶(کد رنگ HEX) rgb
  #۰۰۰۰۰۰ rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #۰۰FF00 rgb(0,255,0)
  #۰۰۰۰FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #۰۰FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

رنگ های ایمن وب : safe color

چندین سال پیش که کامپیوترها فقط ۲۵۶ رنگ متفاوت را پشتیبانی می کردند ، لیستی از ۲۱۶ رنگ ایمن وب بعنوان استاندارد وب پیشنهاد شد. دلیل این پیشنهاد آن بود که سیستم عامل های مایکروسافت و Mac از ۴۰ رنگ ثابت از پیش تعیین شده سیستمی استفاده می کردند.

جدول متقاطع ۲۱۶ رنگ

 (کد شش رقمی رنگ ها)

این جدول متقاطع ۲۱۶ رنگ ایمن وب در اصل برای اطمینان از اینکه همه کامپیوترها ، همه رنگ های آن را هنگامی که پالت رنگ ۲۵۶ تایی اجرا می شود ، دقیق نشان خواهند داد ساخته شد.

 

۰۰۰۰۰۰ ۰۰۰۰۳۳ ۰۰۰۰۶۶ ۰۰۰۰۹۹ ۰۰۰۰CC ۰۰۰۰FF
۰۰۳۳۰۰ ۰۰۳۳۳۳ ۰۰۳۳۶۶ ۰۰۳۳۹۹ ۰۰۳۳CC ۰۰۳۳FF
۰۰۶۶۰۰ ۰۰۶۶۳۳ ۰۰۶۶۶۶ ۰۰۶۶۹۹ ۰۰۶۶CC ۰۰۶۶FF
۰۰۹۹۰۰ ۰۰۹۹۳۳ ۰۰۹۹۶۶ ۰۰۹۹۹۹ ۰۰۹۹CC ۰۰۹۹FF
۰۰CC00 ۰۰CC33 ۰۰CC66 ۰۰CC99 ۰۰CCCC ۰۰CCFF
۰۰FF00 ۰۰FF33 ۰۰FF66 ۰۰FF99 ۰۰FFCC ۰۰FFFF
۳۳۰۰۰۰ ۳۳۰۰۳۳ ۳۳۰۰۶۶ ۳۳۰۰۹۹ ۳۳۰۰CC ۳۳۰۰FF
۳۳۳۳۰۰ ۳۳۳۳۳۳ ۳۳۳۳۶۶ ۳۳۳۳۹۹ ۳۳۳۳CC ۳۳۳۳FF
۳۳۶۶۰۰ ۳۳۶۶۳۳ ۳۳۶۶۶۶ ۳۳۶۶۹۹ ۳۳۶۶CC ۳۳۶۶FF
۳۳۹۹۰۰ ۳۳۹۹۳۳ ۳۳۹۹۶۶ ۳۳۹۹۹۹ ۳۳۹۹CC ۳۳۹۹FF
۳۳CC00 ۳۳CC33 ۳۳CC66 ۳۳CC99 ۳۳CCCC ۳۳CCFF
۳۳FF00 ۳۳FF33 ۳۳FF66 ۳۳FF99 ۳۳FFCC ۳۳FFFF
۶۶۰۰۰۰ ۶۶۰۰۳۳ ۶۶۰۰۶۶ ۶۶۰۰۹۹ ۶۶۰۰CC ۶۶۰۰FF
۶۶۳۳۰۰ ۶۶۳۳۳۳ ۶۶۳۳۶۶ ۶۶۳۳۹۹ ۶۶۳۳CC ۶۶۳۳FF
۶۶۶۶۰۰ ۶۶۶۶۳۳ ۶۶۶۶۶۶ ۶۶۶۶۹۹ ۶۶۶۶CC ۶۶۶۶FF
۶۶۹۹۰۰ ۶۶۹۹۳۳ ۶۶۹۹۶۶ ۶۶۹۹۹۹ ۶۶۹۹CC ۶۶۹۹FF
۶۶CC00 ۶۶CC33 ۶۶CC66 ۶۶CC99 ۶۶CCCC ۶۶CCFF
۶۶FF00 ۶۶FF33 ۶۶FF66 ۶۶FF99 ۶۶FFCC ۶۶FFFF
۹۹۰۰۰۰ ۹۹۰۰۳۳ ۹۹۰۰۶۶ ۹۹۰۰۹۹ ۹۹۰۰CC ۹۹۰۰FF
۹۹۳۳۰۰ ۹۹۳۳۳۳ ۹۹۳۳۶۶ ۹۹۳۳۹۹ ۹۹۳۳CC ۹۹۳۳FF
۹۹۶۶۰۰ ۹۹۶۶۳۳ ۹۹۶۶۶۶ ۹۹۶۶۹۹ ۹۹۶۶CC ۹۹۶۶FF
۹۹۹۹۰۰ ۹۹۹۹۳۳ ۹۹۹۹۶۶ ۹۹۹۹۹۹ ۹۹۹۹CC ۹۹۹۹FF
۹۹CC00 ۹۹CC33 ۹۹CC66 ۹۹CC99 ۹۹CCCC ۹۹CCFF
۹۹FF00 ۹۹FF33 ۹۹FF66 ۹۹FF99 ۹۹FFCC ۹۹FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

 

نام رنگ ها

یک کلکسیون از نام رنگ ها بوسیله بیشتر مرورگرها پشتیبانی می شود.
توجه: فقط ۱۶ رنگ توسط استاندارد W3C HTML4.0 پشتیبانی می شود ( aqua , black , blue , fuchsia , gray , green , lime , maroon , navy , olive , purple , red , silver , teal , white , yellow ). برای تمام رنگ های دیگر ، شما باید از مقدار شما باید از مقدار مبنای ۱۶ رنگها استفاده کنید.

نام های استاندارد تعریف شده برای رنگ ها در CSS و HTML
برای تعداد ‍۱۴۷ رنگ در CSS و HTML نام استاندارد تعریف شده که اونها رو با رنگ و کد معادلشون در زیر می بینید :

نام رنگ HEX Code رنگ
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #۰۰FFFF  
Aquamarine #۷FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4  
Black #۰۰۰۰۰۰  

BlanchedAlmond
#FFEBCD  
Blue #۰۰۰۰FF  
BlueViolet #۸A2BE2  
Brown #A52A2A  
BurlyWood #DEB887  
CadetBlue #۵F9EA0  
Chartreuse #۷FFF00  
Chocolate #D2691E  
Coral #FF7F50  

CornflowerBlue
#۶۴۹۵ED  
Cornsilk #FFF8DC  
Crimson #DC143C  
Cyan #۰۰FFFF  
DarkBlue #۰۰۰۰۸B  
DarkCyan #۰۰۸B8B  

DarkGoldenRod
#B8860B  
DarkGrey #A9A9A9  
DarkGreen #۰۰۶۴۰۰  
DarkKhaki #BDB76B  
DarkMagenta #۸B008B  

DarkOliveGreen
#۵۵۶B2F  
Darkorange #FF8C00  
DarkOrchid #۹۹۳۲CC  
DarkRed #۸B0000  
DarkSalmon #E9967A  
DarkSeaGreen #۸FBC8F  

DarkSlateBlue
#۴۸۳D8B  

DarkSlateGrey
#۲F4F4F  

DarkTurquoise
#۰۰CED1  
DarkViolet #۹۴۰۰D3  
DeepPink #FF1493  
DeepSkyBlue #۰۰BFFF  
DimGrey #۶۹۶۹۶۹  
DodgerBlue #۱E90FF  
FireBrick #B22222  
FloralWhite #FFFAF0  
ForestGreen #۲۲۸B22  
Fuchsia #FF00FF  
Gainsboro #DCDCDC  
GhostWhite #F8F8FF  
Gold #FFD700  
GoldenRod #DAA520  
Grey #۸۰۸۰۸۰  
Green #۰۰۸۰۰۰  
GreenYellow #ADFF2F  
HoneyDew #F0FFF0  
HotPink #FF69B4  
IndianRed
#CD5C5C  
Indigo
#۴B0082  
Ivory #FFFFF0  
Khaki #F0E68C  
Lavender #E6E6FA  

LavenderBlush
#FFF0F5  
LawnGreen #۷CFC00  
LemonChiffon #FFFACD  
LightBlue #ADD8E6  
LightCoral #F08080  
LightCyan #E0FFFF  

LightGoldenRodYellow
#FAFAD2  
LightGrey #D3D3D3  
LightGreen #۹۰EE90  
LightPink #FFB6C1  
LightSalmon #FFA07A  

LightSeaGreen
#۲۰B2AA  
LightSkyBlue #۸۷CEFA  

LightSlateGrey
#۷۷۸۸۹۹  

LightSteelBlue
#B0C4DE  
LightYellow #FFFFE0  
Lime #۰۰FF00  
LimeGreen #۳۲CD32  
Linen #FAF0E6  
Magenta #FF00FF  
Maroon #۸۰۰۰۰۰  

MediumAquaMarine
#۶۶CDAA  
MediumBlue #۰۰۰۰CD  
MediumOrchid #BA55D3  
MediumPurple #۹۳۷۰D8  

MediumSeaGreen
#۳CB371  

MediumSlateBlue
#۷B68EE  

MediumSpringGreen
#۰۰FA9A  

MediumTurquoise
#۴۸D1CC  

MediumVioletRed
#C71585  
MidnightBlue #۱۹۱۹۷۰  
MintCream #F5FFFA  
MistyRose #FFE4E1  
Moccasin #FFE4B5  
NavajoWhite #FFDEAD  
Navy #۰۰۰۰۸۰  
OldLace #FDF5E6  
Olive #۸۰۸۰۰۰  
OliveDrab #۶B8E23  
Orange #FFA500  
OrangeRed #FF4500  
Orchid #DA70D6  

PaleGoldenRod
#EEE8AA  
PaleGreen #۹۸FB98  

PaleTurquoise
#AFEEEE  

PaleVioletRed
#D87093  
PapayaWhip #FFEFD5  
PeachPuff #FFDAB9  
Peru #CD853F  
Pink #FFC0CB  
Plum #DDA0DD  
PowderBlue #B0E0E6  
Purple #۸۰۰۰۸۰  
Red #FF0000  
RosyBrown #BC8F8F  
RoyalBlue #۴۱۶۹E1  
SaddleBrown #۸B4513  
Salmon #FA8072  
SandyBrown #F4A460  
SeaGreen #۲E8B57  
SeaShell #FFF5EE  
Sienna #A0522D  
Silver #C0C0C0  
SkyBlue #۸۷CEEB  
SlateBlue #۶A5ACD  
SlateGrey #۷۰۸۰۹۰  
Snow #FFFAFA  
SpringGreen #۰۰FF7F  
SteelBlue #۴۶۸۲B4  
Tan #D2B48C  
Teal #۰۰۸۰۸۰  
Thistle #D8BFD8  
Tomato #FF6347  
Turquoise #۴۰E0D0  
Violet #EE82EE  
Wheat #F5DEB3  
White #FFFFFF  
WhiteSmoke #F5F5F5  
Yellow #FFFF00  
YellowGreen #۹ACD32  

 

روش استفاده از کدهای فوق به شکل زیر می باشد

<font color=’red’>رنگ متن به صورت قرمز در مرورگر نمایش داده می شود </font>
<font color=’#038ffb’ >رنگ متن به صورت آبی در مرورگر نمایش داده می شود </font>

QR Code For: رنگ ها در HTML

درباره ی jizjiz

پاسخ دهید

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

Time limit is exhausted. Please reload CAPTCHA.