کدهای ماین کرافت رنگ هایا Minecraft کدهاقالب بندی، به هر بازیکنی اجازه دهید گل اضافه کند و متن را به هر شکل ممکن در Minecraft قالب بندی کند. کدهای رنگ از &0-9 تا &a-f. آنها را قبل از متن خود اضافه کنید. پیام‌های بازیکنان ممکن است حاوی کدهای رنگی باشد که به شما امکان می‌دهد به جملات خود رنگ اضافه کنید.

رنگ ها و کدهای قالب بندی

علامت علامت (&) به دنبال یک عدد هگزا دسیمال در پیام ها به مشتری سیگنال می دهد که هنگام نمایش متن رنگ ها را تغییر دهد. متن دیگر را می توان با استفاده از کاراکتر & و به دنبال آن یک حرف قالب بندی کرد. می‌توانید رنگ‌های مختلفی را به کتاب‌ها، بلوک‌های فرمان، نام سرور، توضیحات سرور (motd)، نام‌های جهان، علائم و حتی نام بازیکنان اضافه کنید.

قالب بندی متن خود در تنظیمات یا در بازی با استفاده از نمودار رنگی زیر بسیار آسان است. &r برای پاک کردن همه کدها استفاده می شود. &mAAA&rBBB به صورت AAA BBB نمایش داده می شود.

ما جدولی از کدهای رنگ موجود در Minecraft را برای راحتی شما ارائه می دهیم:

کد	نام	نام فنی	رنگ نماد				رنگ سایه نماد
			آر	جی	ب	هگز	آر	جی	ب	هگز
&0	مشکی	سیاه	0	0	0	000000	0	0	0	000000
&1	آبی تیره	آبی تیره	0	0	170	0000AA	0	0	42	00002A
&2	سبز تیره	سبز تیره	0	170	0	00AA00	0	42	0	002A00
&3	آبی-سبز تیره	dark_aqua	0	170	170	00AAAA	0	42	42	002A2A
&4	قرمز تیره	قرمز تیره	170	0	0	AA0000	42	0	0	2A0000
&5	بنفش تیره	بنفش تیره	170	0	170	AA00AA	42	0	42	2A002A
&6	طلا	طلا	255	170	0	FFAA00	42	42	0	2A2A00
&7	خاکستری	خاکستری	170	170	170	AAAAAA	42	42	42	2A2A2A
&8	خاکستری تیره	خاکستری تیره	85	85	85	555555	21	21	21	151515
&9	آبی	آبی	85	85	255	5555FF	21	21	63	15153F
&آ	سبز	سبز	85	255	85	55FF55	21	63	21	153F15
&b	سبز آبی	آبی	85	255	255	55FFFF	21	63	63	153F3F
&c	قرمز	قرمز	255	85	85	FF5555	63	21	21	3F1515
&d	بنفش روشن	روشن_بنفش	255	85	255	FF55FF	63	21	63	3F153F
&e	رنگ زرد	رنگ زرد	255	255	85	FFFF55	63	63	21	3F3F15
&f	سفید	سفید	255	255	255	FFFFFF	63	63	63	3F3F3F

گاهی اوقات لازم است زیر خط بکش، زیر خط بکش، برجستهچند متن. برای این کار از قالب بندی متن استفاده می شود. مانند رنگ ها (قبل از متنی که قرار داده ایم) استفاده می شود کدبرای مثال &lMinecraft= ماین کرافت.

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

کد	نام
&k	متن جادویی
&l	بند انگشتی
&m	متن خط خورده
&n	متن خط دار
&o	متن کج
&r	متن بدون قالب بندی

کدهای رنگ در CSS برای تعیین رنگ ها استفاده می شوند. به طور معمول، کدهای رنگ یا مقادیر رنگ برای تنظیم یک رنگ برای پیش زمینه یک عنصر (به عنوان مثال، متن، رنگ پیوند) یا پس زمینه عنصر (پس زمینه، رنگ بلوک) استفاده می شود. همچنین می توان از آنها برای تغییر رنگ دکمه، حاشیه ها، نشانگر، شناور و سایر جلوه های تزئینی استفاده کرد.

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

این فرمت ها با جزئیات بیشتر در زیر توضیح داده شده است.

رنگ های CSS - کدهای هگز

کد رنگ هگزادسیمالیک نمایش رنگی شش رقمی است. دو رقم اول (RR) مقدار قرمز، دو رقم بعدی مقدار سبز (GG) و دو رقم آخر مقدار آبی (BB) هستند.

رنگ های CSS - کدهای هگز کوتاه

کد رنگ هگزادسیمال کوتاهشکل کوتاه تری از نماد شش نویسه است. در این فرمت، هر رقم تکرار می شود تا مقدار رنگ شش رقمی معادل تولید شود. به عنوان مثال: #0F0 تبدیل به #00FF00 می شود.

مقدار هگزادسیمال را می توان از هر گرافیکی گرفت نرم افزار، مانند فتوشاپ، نقشه اصلی و غیره

قبل از هر کد رنگ هگزا دسیمال در CSS یک علامت هش "#" وجود دارد. در زیر نمونه هایی از استفاده از نماد هگزادسیمال آورده شده است.

رنگ های CSS - مقادیر RGB

مقدار RGBیک کد رنگی است که با استفاده از ویژگی rgb () تنظیم می شود. این ویژگی سه مقدار می گیرد: هر کدام یکی برای قرمز، سبز و آبی. مقدار می تواند یک عدد صحیح، از 0 تا 255، یا یک درصد باشد.

توجه داشته باشید:همه مرورگرها از ویژگی رنگ rgb() پشتیبانی نمی کنند، بنابراین استفاده از آن توصیه نمی شود.

در زیر نمونه ای وجود دارد که چندین رنگ را با استفاده از مقادیر RGB نشان می دهد.

تولید کننده کد رنگ

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

رنگ های ایمن مرورگر

در زیر جدولی از 216 رنگ که امن ترین و مستقل از کامپیوتر هستند را مشاهده می کنید. این رنگ ها در CSS از 000000 تا کد هگز FFFFFF متغیر است. استفاده از آنها بی خطر است زیرا اطمینان می دهند که همه رایانه ها هنگام کار با پالت رنگ 256 رنگ را به درستی نشان می دهند.

جدول رنگ های "ایمن" در CSS
#000000	#000033	#000066	#000099	#0000 سی سی	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300 سی سی	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600 سی سی	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#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

برای تعیین رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. اعداد به صورت زیر خواهند بود: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A , B, C , D, E, F. اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. اعداد بزرگتر از 15 در سیستم هگزادسیمال از ترکیب دو عدد در یک عدد تشکیل می شوند. مثلا عدد 255 اینچ سیستم اعشاریمربوط به عدد FF در هگزادسیمال است. برای جلوگیری از سردرگمی در تعریف سیستم اعداد، قبل از عدد هگزادسیمال علامت هش #، برای مثال #666999 قرار می گیرد. هر یک از سه رنگ - قرمز، سبز و آبی - می توانند مقادیری از 00 تا FF داشته باشند. بنابراین، تعیین رنگ به سه جزء #rrggbb تقسیم می‌شود که دو کاراکتر اول جزء قرمز رنگ، دو کاراکتر میانی سبز و دو کاراکتر آخر علامت آبی را نشان می‌دهند. استفاده از شکل اختصاری #rgb مجاز است که هر کاراکتر باید دو برابر شود. بنابراین، ورودی #fe0 باید به عنوان #ffee00 در نظر گرفته شود.

بر اساس اسم

اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس	اندروید	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

مرورگرها برخی از رنگ ها را با نام پشتیبانی می کنند. روی میز. 1 نام ها، کد هگز، مقادیر در فرمت RGB، HSL و توضیحات را نشان می دهد.

Tab. 1. نام رنگ

نام	رنگ	کد	RGB	HSL	شرح
سفید		#fffff یا #fff	rgb(255,255,255)	hsl (0.0%, 100%)	سفید
نقره		#c0c0c0	rgb(192,192,192)	hsl (0.0%, 75%)	خاکستری
خاکستری		#808080	rgb(128,128,128)	hsl(0.0%,50%)	خاکستری تیره
سیاه		#000000 یا #000	rgb(0,0,0)	hsl(0,0%,0%)	مشکی
مارون		#800000	rgb(128,0,0)	hsl(0,100%,25%)	قرمز تیره
قرمز		#ff0000 یا #f00	rgb(255,0,0)	hsl(0,100%,50%)	قرمز
نارنجی		#ffa500	rgb(255,165,0)	hsl(38.8,100%, 50%)	نارنجی
رنگ زرد		#ffff00 یا #ff0	rgb(255,255,0)	hsl(60,100%,50%)	رنگ زرد
زیتون		#808000	rgb(128,128,0)	hsl(60,100%, 25%)	زیتون
اهک		#00ff00 یا #0f0	rgb(0,255,0)	hsl(120,100%,50%)	سبز روشن
سبز		#008000	rgb(0,128,0)	hsl(120,100%, 25%)	سبز
آبی		#00ffff یا #0ff	rgb(0,255,255)	hsl(180,100%, 50%)	آبی
آبی		#0000ff یا #00f	rgb(0,0,255)	hsl(240,100%, 50%)	آبی
نیروی دریایی		#000080	rgb(0,0,128)	hsl(240,100%, 25%)	آبی تیره
سبز رنگ		#008080	rgb(0,128,128)	hsl(180,100%, 25%)	سبز آبی
فوشیا		#ff00ff یا #f0f	rgb(255,0,255)	hsl(300,100%, 50%)	رنگ صورتی
رنگ بنفش		#800080	rgb(128,0,128)	hsl(300,100%, 25%)	بنفش

با RGB

اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس	اندروید	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

شما می توانید یک رنگ را با استفاده از مقادیر قرمز، سبز و آبی به صورت اعشاری تعریف کنید. هر یک از سه مولفه رنگی از 0 تا 255 مقدار می گیرند. همچنین تنظیم رنگ به عنوان درصد قابل قبول است، در حالی که 100٪ با عدد 255 مطابقت دارد. ابتدا کلمه کلیدی rgb مشخص می شود و سپس اجزای رنگ مشخص می شوند. در پرانتز مشخص شده و با کاما از هم جدا شده اند، برای مثال rgb(255، 128، 128) یا rgb(100٪، 50٪، 50٪).

RGBA

اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس	اندروید	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

فرمت RGBA از نظر نحو شبیه به RGB است، اما شامل یک کانال آلفا است که شفافیت عنصر را تعیین می کند. مقدار 0 کاملاً شفاف، 1 مات و مقدار میانی مانند 0.5 نیمه شفاف است.

RGBA به CSS3 اضافه شده است، بنابراین اعتبار کد CSS باید مطابق این نسخه انجام شود. لازم به ذکر است که استاندارد CSS3 هنوز در دست توسعه است و ممکن است برخی از ویژگی ها تغییر کند. به عنوان مثال، یک رنگ RGB که به ویژگی background-color اضافه می‌شود، اعتبارسنجی را انجام می‌دهد، اما رنگی که به ویژگی پس‌زمینه اضافه می‌شود، تایید نمی‌شود. در عین حال، مرورگرها به درستی رنگ هر دو ویژگی را درک می کنند.

HSL

اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس	اندروید	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

نام فرمت HSLاز ترکیب حروف اول Hue (Hue)، Saturate (اشباع) و Lightness (سبکی) تشکیل شده است. Hue مقدار رنگ در چرخه رنگ است (شکل 1) و بر حسب درجه مشخص می شود. 0 درجه قرمز، 120 درجه سبز و 240 درجه آبی است. مقدار رنگ می تواند از 0 تا 359 متفاوت باشد.

برنج. 1. چرخ رنگ

اشباع شدت یک رنگ است که به صورت درصدی از 0٪ تا 100٪ اندازه گیری می شود. مقدار 0٪ نشان دهنده عدم وجود رنگ و سایه خاکستری است، 100٪ حداکثر مقدار اشباع است.

Lightness میزان روشن بودن رنگ را تعیین می کند و به صورت درصدی از 0٪ تا 100٪ مشخص می شود. مقادیر کوچک رنگ را تیره تر می کند، در حالی که مقادیر زیاد آن را روشن تر می کند، مقادیر شدید 0٪ و 100٪ مربوط به سیاه و سفید است.

HSLA

اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس	اندروید	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

فرمت HSLA از نظر نحو شبیه به HSL است، اما شامل یک کانال آلفا است که شفافیت عنصر را تعیین می کند. مقدار 0 کاملاً شفاف، 1 مات و مقدار میانی مانند 0.5 نیمه شفاف است.

مقادیر رنگ در فرمت‌های RGBA، HSL و HSLA به CSS3 اضافه می‌شوند، بنابراین هنگام استفاده از این فرمت‌ها، اعتبار کد را در برابر نسخه بررسی کنید.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

هشدار

تمامی روش های صید شیر درج شده در سایت بصورت تئوری و مبتنی بر روش های محاسباتی می باشد. نویسندگان ایمنی شما را هنگام استفاده از آنها تضمین نمی کنند و مسئولیت نتیجه را سلب می کنند. به یاد داشته باشید، شیر یک حیوان درنده و خطرناک است!

نتیجه این مثال در شکل نشان داده شده است. 2.

برنج. 2. رنگ ها در صفحه وب

ولاد مرژویچ

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

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

HTML از اعداد هگزادسیمال برای تعیین رنگ ها استفاده می کند. سیستم هگزادسیمال بر خلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. اعداد به صورت زیر خواهند بود: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A , B, C , D, E, F. اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. روی میز. 6.1 مطابقت بین اعداد اعشاری و هگزادسیمال را نشان می دهد.

اعداد بزرگتر از 15 در سیستم هگزادسیمال از ترکیب دو عدد در یک عدد تشکیل می شوند (جدول 6.2). به عنوان مثال، عدد 255 در اعشار با عدد FF در هگزادسیمال مطابقت دارد.

برای جلوگیری از سردرگمی در تعریف سیستم اعداد، قبل از عدد هگزادسیمال علامت پوند #، به عنوان مثال #aa69cc قرار می گیرد. در این مورد، مورد مهم نیست، بنابراین نوشتن #F0F0F0 یا #f0f0f0 جایز است.

یک رنگ معمولی که در HTML استفاده می شود به شرح زیر است.

در اینجا رنگ پس زمینه صفحه وب روی #FA8E47 تنظیم می شود. علامت پوند # در مقابل یک عدد به معنای هگزادسیمال بودن آن است. دو رقم اول (FA) جزء قرمز رنگ، رقم سوم تا چهارم (8E) جزء سبز و دو رقم آخر (47) جزء آبی را مشخص می‌کنند. نتیجه نهایی این رنگ است.

FA

+

8E

+

47

=

FA8E47

هر یک از سه رنگ - قرمز، سبز و آبی - می توانند مقادیری از 00 تا FF داشته باشند که در مجموع 256 سایه ایجاد می شود. بنابراین، تعداد کل رنگ ها می تواند 256x256x256 = 16.777.216 ترکیب باشد. مدل رنگی بر اساس اجزای قرمز، سبز و آبی RGB (قرمز، سبز، آبی؛ قرمز، سبز، آبی) نامیده می شود. این مدل افزودنی است (از add - add) که در آن افزودن هر سه جزء سفید رنگ می شود.

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

• اگر مقادیر اجزای رنگ یکسان باشد (به عنوان مثال: #D6D6D6)، یک رنگ خاکستری به دست می آید. هرچه این عدد بیشتر باشد، رنگ روشن‌تر است و مقادیر از #000000 (سیاه) به #FFFFFF (سفید) تغییر می‌کنند.
• اگر جزء قرمز حداکثر (FF) باشد، یک رنگ قرمز روشن تشکیل می‌شود و اجزای باقیمانده روی صفر تنظیم می‌شوند. رنگ با مقدار #FF0000 قرمزترین رنگ قرمز ممکن است. همین امر برای سبز (#00FF00) و آبی (#0000FF) صادق است.
• زرد (#FFFF00) از ترکیب قرمز با سبز به دست می آید. این به وضوح در چرخه رنگ دیده می شود (شکل 6.1)، که رنگ های اصلی (قرمز، سبز، آبی) و مکمل یا مکمل را نشان می دهد. اینها عبارتند از زرد، فیروزه ای و بنفش (همچنین سرخابی نامیده می شود). به طور کلی هر رنگی را می توان با مخلوط کردن رنگ های مجاور آن به دست آورد. بنابراین، فیروزه ای (#00FFFF) با ترکیب آبی و سبز به دست می آید.

برنج. 6.1. دایره رنگی

رنگ های مبتنی بر مقادیر هگزادسیمال نباید به صورت تجربی انتخاب شوند. برای این منظور یک ویرایشگر گرافیکی مناسب است که بتواند با مدل های رنگی مختلف مانند Adobe Photoshop کار کند. روی انجیر 6.2 پنجره ای را برای انتخاب رنگ در این برنامه نشان می دهد، خط دور مقدار هگزادسیمال حاصل از رنگ فعلی را می چرخاند. می توانید آن را کپی کرده و در کد خود جایگذاری کنید.

برنج. 6.2. انتخابگر رنگ در فتوشاپ

رنگ های وب

اگر کیفیت رنگ مانیتور را روی 8 بیت (256 رنگ) تنظیم کنید، همان رنگ را می توان در مرورگرهای مختلفبه روش خودم این به نحوه رندر گرافیک مربوط می شود زمانی که مرورگر با پالت خود کار می کند و نمی تواند رنگی را که در پالت ندارد نشان دهد. در این حالت، رنگ با ترکیبی از پیکسل‌های رنگ‌های نزدیک به آن جایگزین می‌شود که از رنگ داده شده تقلید می‌کنند. برای اینکه رنگ در مرورگرهای مختلف یکسان بماند، پالتی از رنگ های به اصطلاح وب معرفی شد. رنگ های وب آن دسته از رنگ هایی هستند که برای هر جزء آنها - قرمز، سبز و آبی - یکی از شش مقدار تنظیم شده است - 0 (00)، 51 (33)، 102 (66)، 153 (99)، 204 (CC)، 255 (FF). مقدار هگزادسیمال این جزء در براکت نشان داده شده است. تعداد کل رنگ ها از همه ترکیب های ممکن 6x6x6 - 216 رنگ می دهد. یک رنگ وب مثال #33FF66 است.

ویژگی اصلی رنگ وب این است که در همه مرورگرها یکسان نمایش داده می شود. AT این لحظهارتباط رنگ های وب به دلیل افزایش کیفیت مانیتورها و گسترش قابلیت های آنها بسیار کم است.

رنگ ها بر اساس نام

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

Tab. 6.3. نام چند رنگ

نام رنگ	رنگ	شرح	مقدار هگز
سیاه		مشکی	#000000
آبی		آبی	#0000FF
فوشیا		بنفش روشن	#FF00FF
خاکستری		خاکستری تیره	#808080
سبز		سبز	#008000
اهک		سبز روشن	#00FF00
مارون		قرمز تیره	#800000
نیروی دریایی		آبی تیره	#000080
زیتون		زیتون	#808000
رنگ بنفش		بنفش تیره	#800080
قرمز		قرمز	#FF0000
نقره		خاکستری روشن	#C0C0C0
سبز رنگ		سبز آبی	#008080
سفید		سفید	#FFFFFF
رنگ زرد		رنگ زرد	#FFFF00

مهم نیست که چگونه رنگ را مشخص می کنید - با نام آن یا با استفاده از اعداد هگزادسیمال. در اثر آنها، این روش ها برابر هستند. مثال 6.1 نحوه تنظیم رنگ پس زمینه و متن یک صفحه وب را نشان می دهد.

مثال 6.1. رنگ پس زمینه و متن

متن نمونه

AT این مثالرنگ پس زمینه با استفاده از ویژگی bgcolor تگ تنظیم می شود و رنگ متن از طریق ویژگی text. برای تنوع، مقدار ویژگی text روی یک عدد هگزا دسیمال و bgcolor روی کلمه کلیدی رزرو شده teal تنظیم می شود.

11/28/14 11.1K

متاسفانه هنوز امکان نمایش حس چشایی در سایت وجود ندارد. اما این را می توان به طور کامل با استفاده جبران کرد رنگ ها. از این گذشته، رنگ‌های html به شما امکان می‌دهند هر یک از میلیون‌ها سایه را نمایش دهید. به طوری که " مداد رنگی” در مجموعه او بسیار بیشتر از هفت است.

طرح رنگ در html

AT رنگ htmlرا می توان در چندین فرمت مشخص کرد:

1. به عنوان یک مقدار هگزادسیمال - کد مشخص شده در سیستم هگزادسیمال استفاده می شود. چنین کدهای رنگی در html از سه جفت اعداد هگزا دسیمال تشکیل شده است. هر جفت مسئول اشباع رنگ با رنگ اصلی خود است:

• اولین جفت عددی مسئول رنگ قرمز است.
• جفت دوم برای محتوای رنگ سبز است.
• دومی برای محتوای رنگ آبی است.

در ابتدای کد (قبل از اعداد) یک علامت هش قرار می گیرد. این کد رنگ هگزادسیمال است. علاوه بر اعداد از 1 تا 9، این سیستم اعداد از حروف الفبای لاتین (A، B، C، D، E، F) استفاده می کند.

برای مثال، کد رنگ سفید در html شبیه #FFFFFF است:

2. کلمه کلیدی - در حال حاضر html حدود 147 کلمه کلیدی را پشتیبانی می کند. اما همه این کلمات منحصر به فرد نیستند. برخی از آنها به همان سایه رنگ اشاره دارند.

خاکستری با دو نشان داده می شود کلید واژه ها: خاکستری و خاکستری . کد هگزادسیمال آنها (HEX) با همان مقدار #808080 داده می شود.

مثال :

#808080

3. در فرمت RGB - این کدگذاری رنگ در html بر اساس استفاده از سه مقدار تنظیم شده در محدوده 0 تا 255 است. هر یک از آنها میزان اشباع رنگ را با یکی از رنگ های اصلی تعیین می کند:

• R - قرمز (قرمز)؛
• G - سبز (سبز)؛
• ب - آبی (آبی).

شماره رنگ در فرمت RGB به صورت زیر نوشته شده است: rgb(0, 210, 100).

پس‌زمینه رنگ: rgb (100,186,43)

4. در فرمت RGBA- این یک فرمت پیشرفته RGB است که در آن مقدار چهارم شفافیت رنگ را به صورت کسر اعشاری از 0 تا 1 مشخص می کند.

مثال استفاده:

background-color:rgba(100,86,143,0.2)

background-color:rgba(100,86,143,0.5)

background-color:rgba(100,86,143,0.8)

پس‌زمینه رنگ: rgba (100,86,143,1)

جداول رنگ html و ژنراتورهای رنگ

با چنین طیف گسترده ای از فرمت های تنظیم رنگ، گیج شدن آسان است. بنابراین، یک جدول رنگی خاص اختراع شد. در آن، به 147 نام کلیدی سایه رنگ، کدهای مطابقت در تمام استانداردهای اصلی برای نمایش رنگ داده شده است. علاوه بر این، هر فیلد دارای یک نوار برای تطبیق رنگ بصری است. یکی از این جداول در سایت colorscheme.ru ارائه شده است:

اما حتی با کمک چنین ساختاری از مکاتبات، انتخاب سایه مورد نظر می تواند دشوار باشد. و این یک واقعیت نیست که در جدول کد رنگ رنگ مناسب وجود دارد.

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

در سایت html-color-codes.info، مولد رنگ به شکل زیر است:

و در سرویس color-picker.appsmaster.co، این ابزار کمی متفاوت اجرا می شود:

اشباع هر رنگ در ژنراتور با استفاده از لغزنده های مخصوص تنظیم می شود. از نظر بصری، رنگ با رنگ قاب و مستطیل در سمت چپ نمایش داده می شود. در پایین، 3 فیلد کد رنگ را در قالب های اصلی نمایش می دهد.

اما مولد رنگ نه تنها در سایت های تخصصی موجود است. تقریباً همه این ابزار را دارند. ویرایشگر گرافیکی. مثلا فتوشاپ:

ایمنی رنگ

و این مدت‌ها پیش بود، در دوران کارت‌های ویدئویی که تنها از 256 رنگ پشتیبانی می‌کردند. در آن زمان های دور سیستم های عاملمی تواند تنها تعداد معینی از سایه های هشت بیتی را بدون اعوجاج نمایش دهد.

سپس جدول بزرگ استنباط شد رنگ های مطمئن. این 216 سایه را نشان می دهد که می تواند بدون اعوجاج در هر یک از مرورگرهای آن زمان نمایش داده شود. و تا امروز این نسخه خطی عالی» هنوز در برخی منابع موجود است:

در زمان ما همه چیز تغییر کرده است. بنابراین، تمام قوانین ایمنی هنگام کار با رنگ در html به طور کامل لغو می شود. پس از همه، سخت افزار کامپیوتر مدرن از بیش از 16 میلیون سایه مختلف پشتیبانی می کند. و 216 رنگ مطمئن در فراموشی فرو رفته است.