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

رنگ ها در html

در 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 مشخص می کند.

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

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

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

رنگ پس زمینه: 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 رنگ مطمئن در فراموشی فرو رفته است.

این داده ها به طور کامل توسط آمار تایید شده است. با قضاوت بر اساس آن، در سال 2014 تنها 0.5 درصد از کاربران کامپیوترهایی دارند که تنها از 256 سایه پشتیبانی می کنند.

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

همه ما از یک حس چشایی هماهنگ طبیعی برخوردار نیستیم. بنابراین، انتخاب رنگ مناسب می تواند یک چالش واقعی باشد. اما، ستایش علم، او موفق شد حتی هارمونی رنگ را در قالب چندین طرح توصیف کند. همه آنها بر اساس استفاده از چرخه رنگ هستند. طرح‌هایی برای تطبیق رنگ‌ها در html:

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

اجرای همه این طرح ها به خوبی در سرویس paletton.com نشان داده شده است. این به شما امکان می دهد تا به راحتی یک تطبیق رنگ هماهنگ انجام دهید.

در HTML، رنگ را می توان به سه روش تنظیم کرد:

تنظیم رنگ در HTML با نام آن

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

رنگ متن - قرمز

محبوب ترین رنگ های استاندارد کنسرسیوم وب جهانی (W3C):

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

نمونه ای از استفاده از نام رنگ های مختلف:

مثال: تنظیم یک رنگ با نام آن

• خودتان انرا آزمایش کنید "

روی پس‌زمینه قرمز

روی پس‌زمینه نارنجی

تیتر در زمینه لیمویی

متن سفید در پس زمینه آبی

روی پس‌زمینه قرمز

روی پس‌زمینه نارنجی

تیتر در زمینه لیمویی

متن سفید در پس زمینه آبی

تعیین رنگ با استفاده از RGB

هنگام نمایش رنگ های مختلف بر روی مانیتور، بر اساس پالت RGB است. هر رنگی با مخلوط کردن سه رنگ اصلی به دست می آید: R - قرمز (قرمز), G - سبز (سبز), ب - آبی... روشنایی هر رنگ با یک بایت مشخص می شود و بنابراین می تواند از 0 تا 255 متغیر باشد. برای مثال، RGB (255,0,0) به صورت قرمز نمایش داده می شود زیرا قرمز روی بالاترین مقدار خود (255) تنظیم شده است و بقیه تنظیم شده اند. به 0 همچنین می توانید رنگ را به عنوان درصد تنظیم کنید. هر یک از پارامترها میزان روشنایی رنگ مربوطه را نشان می دهد. به عنوان مثال: rgb (127، 255، 127) و rgb (50٪، 100٪، 50٪) همان اشباع متوسط ​​را سبز می کنند:

مثال: تعیین رنگ با استفاده از RGB

• خودتان انرا آزمایش کنید "

rgb (127، 255، 127)

rgb (50٪، 100٪، 50٪)

rgb (127، 255، 127)

rgb (50٪، 100٪، 50٪)

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

ارزش ها آر جی بهمچنین می توان با استفاده از مقادیر رنگی هگزا دسیمال (HEX) به این شکل مشخص کرد: #RRGGBB که در آن RR (قرمز)، GG (سبز) و BB (آبی) مقادیر هگزادسیمال از 00 تا FF (همان اعشاری 0-255) هستند. )... سیستم هگزادسیمال، برخلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 16 است. 9، A، B، С، D، E، F. در اینجا اعداد از 10 تا 15 با حروف لاتین جایگزین می شوند. اعداد بزرگتر از 15 در هگزادسیمال نشان دهنده ترکیب دو کاراکتر در یک مقدار است. به عنوان مثال، بالاترین عدد 255 در اعشار، بالاترین FF در هگز است. برخلاف سیستم اعشاری، یک نماد هش در مقابل عدد هگزادسیمال قرار می گیرد # به عنوان مثال، # FF0000 به صورت قرمز نمایش داده می شود زیرا قرمز روی بالاترین مقدار خود (FF) و بقیه رنگ ها روی حداقل مقدار خود (00) تنظیم شده اند. کاراکترهای بعد از نماد هش # می توانید با حروف بزرگ و کوچک تایپ کنید. سیستم هگزادسیمال به شما امکان می دهد از یک فرم اختصاری مانند #rgb استفاده کنید که در آن هر کاراکتر معادل یک دوبل است. بنابراین، ورودی # f7O باید به عنوان # ff7700 در نظر گرفته شود.

مثال: رنگ HEX

• خودتان انرا آزمایش کنید "

قرمز: # FF0000

سبز: # 00FF00

آبی: # 0000FF

قرمز: # FF0000

سبز: # 00FF00

آبی: # 0000FF

قرمز + سبز = زرد: # FFFF00

قرمز + آبی = بنفش: # FF00FF

سبز + آبی = فیروزه ای: # 00FFFF

لیست رنگ های رایج (نام، HEX و RGB):

نام انگلیسی	نام روسی	نمونه	HEX	RGB
آمارانت	آمارانت		# E52B50	229	43	80
کهربا	کهربا		# FFBF00	255	191	0
آبی	سبز آبی		# 00FFFF	0	255	255
لاجوردی	لاجوردی		# 007FFF	0	127	255
مشکی	مشکی		#000000	0	0	0
آبی	آبی		# 0000 FF	0	0	255
آبی باندی	آب ساحل بوندی		# 0095B6	0	149	182
برنج	برنج		# B5A642	181	166	66
رنگ قهوه ای	رنگ قهوه ای		# 964B00	150	75	0
سرولین	لاجوردی		# 007BA7	0	123	167
سبز تیره بهاری	سبز تیره بهاری		#177245	23	114	69
زمرد	زمرد		# 50C878	80	200	120
بادمجان	بادمجان		#990066	153	0	102
فوشیا	فوشیا		# FF00FF	255	0	255
طلا	طلا		# FFD700	250	215	0
خاکستری	خاکستری		#808080	128	128	128
سبز	سبز		# 00FF00	0	255	0
نیل	نیل		# 4B0082	75	0	130
یشم	یشم		# 00A86B	0	168	107
اهک	اهک		# CCFF00	204	255	0
مالاکیت	مالاکیت		# 0BDA51	11	218	81
نیروی دریایی	آبی سرمه ای		#000080	0	0	128
اخر	اخر		# CC7722	204	119	34
زیتون	زیتون		#808000	128	128	0
نارنجی	نارنجی		# FFA500	255	165	0
هلو	هلو		# FFE5B4	255	229	180
كدو حلوايي	كدو حلوايي		# FF7518	255	117	24
رنگ بنفش	بنفش		#800080	128	0	128
قرمز	قرمز		# FF0000	255	0	0
زعفران	زعفران		# F4C430	244	196	48
سبز دریا	دریای سبز		# 2E8B57	46	139	87
سبز باتلاقی	مرداب		# ACB78E	172	183	142
آبی رنگ	سبز آبی		#008080	0	128	128
اولترامارین	اولترامارین		# 120A8F	18	10	143
بنفش	بنفش		# 8B00FF	139	0	255
رنگ زرد	رنگ زرد		# FFFF00	255	255	0

کدهای رنگ (پس زمینه) بر اساس اشباع و رنگ.

CSS قابل درک نیست). بنابراین، وب مستر آینده به سادگی نیاز به یادگیری دارد ابزارهای HTML که به شما امکان تغییر رنگ را می دهد،به عنوان مثال، به منظور ایجاد خبرنامه های ایمیل روشن و رنگارنگ که توجه مخاطبان سایت را به خود جلب کند.

این پست کاملاً حجیم بود ، اما از آن با تمام ویژگی های فنی کار با رنگ با استفاده از HTML آشنا خواهید شد. ما ضبط را با مرتب کردن این سوال شروع می کنیم: چرا باید عناصر خاصی از صفحه HTML را با رنگ برجسته کنیم. سپس در مورد مدل RGB صحبت خواهیم کرد که به شما امکان می دهد با استفاده از کدهای خاص رنگ ها را در HTML مشخص کنید (در طول مسیر به کدهای رنگ اعشاری و مقادیر هگزا دسیمال رنگ های HTML نگاه خواهیم کرد). همچنین از این پست در مورد پالت رنگ ها یاد خواهید گرفت و همچنین متوجه خواهید شد که چرا پالت در HTML وجود ندارد. و تکمیل این نشریه خواهد بود نمونه هایی از تغییر رنگ پس زمینه، متن و لینک ها.

استفاده از رنگ ها در HTML

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

توجه داشته باشید که من از یک تصویر برای طراحی وبلاگ وردپرس خود استفاده نکردم، طرح کاملاً با رنگ تزئین شده است. فقط همین ما امروز در مورد رنگ ها در HTML صحبت خواهیم کرد... رنگ‌ها در HTML برای اهداف مختلفی استفاده می‌شوند، به عنوان مثال، ما می‌توانیم طرح‌بندی سایت را طراحی کنیم، یکی یا دیگری را در یک رنگ برجسته کنیم.

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

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

اما نباید فراموش کنید که چیدمان باید از محتوا جدا باشد، بنابراین بهتر است از CSS برای دستکاری رنگ در صفحات HTML استفاده کنید، اما در پست دیگری در مورد آن صحبت خواهیم کرد. حالا خواهیم دید چه ابزارهایی در HTML برای مدیریت رنگ در صفحات سایت وجود دارد.

در صنعت IT مدل های رنگی زیادی برای دستکاری رنگ وجود دارد. پرکاربردترین مدل نمایش رنگ، مدل RGB است. ما در اینجا در مورد برخی از ویژگی های این مدل صحبت خواهیم کرد و برای آشنایی بیشتر با RGB انتشار جداگانه ای ارائه خواهد شد. در زیر لیستی از مدل های رنگی مورد استفاده در فناوری اطلاعات (نه تنها در HTML و CSS) را مشاهده خواهید کرد:

1. مدل RGB این مدل بسیار گسترده شده است و شاید یکی از راحت ترین و رایج ترین راه ها برای دستکاری رنگ عناصر HTML باشد.
2. مدل RGBA این مدل بسیار شبیه مدل RGB است اما دارای یک کانال رنگ آلفا می باشد. ویژگی مدل RGBA این است که به شما امکان تنظیم می دهد نه تنها رنگ عنصر HTML، بلکه شفافیت آن نیز وجود داردبه دلیل وجود کانال آلفا مدل RGBA در CSS3 اضافه شده است و توسط مرورگرهای قدیمی پشتیبانی نمی شود.
3. مدل HSL ویژگی مدل HSL این است که ما رنگ را با استفاده از پارامترهای آن تنظیم می کنیم: رنگ، اشباع و روشنایی. درک این مدل تا حدودی دشوارتر از مدل RGB است.
4. مدل HSLA این مدل بسیار شبیه به مدل HSL است، اما مانند مدل RGBA به شما امکان می دهد با یک کانال آلفا رنگ کار کنید، بنابراین با استفاده از HSLA می توانیم نه تنها رنگ یک عنصر HTML را در صفحه تنظیم کنیم، بلکه آن را نیز تنظیم کنیم. شفافیت.
5. مدل HSV (HSB). این مدل را نباید با مدل HSL اشتباه گرفت. توجه داشته باشید که چهار مدل اول را می توان در HTML یا CSS برای استایل دادن به صفحات وب استفاده کرد، اما مدل HSV نمی تواند. مدل HSV توسط یکی از بنیانگذاران استودیو پیکسار در سال 1978 ساخته شد و بسیار شبیه به HSL است.
6. مدل CMY یا CMYK. این مدل در تمامی پرینترهای رنگی برای چاپ استفاده می شود. مدل CMYK بر اساس این قانون است که چاپ روی کاغذهای سفید انجام می شود. هر رنگ CMYK مخلوطی از فیروزه ای، سرخابی و زرد است. هر رنگ در مدل CMY دارای یک مشخصه کدورت (مقدار جوهر) است که به صورت درصد اندازه گیری می شود. اما مدل CMYK علاوه بر سه رنگ ذکر شده از رنگ مشکی نیز استفاده می کند.

تمام مدل های رنگی بالا وابسته به دستگاه هستند، یعنی اگر شما رنگ عنصر HTML را با استفاده از مدل RGB یا HSL تنظیم کنید، بنابراین نمی توان با اطمینان گفت که یک بازدید کننده از سایت شما کدام سایه رنگ را خواهد دید، زیرا همه کاربران دارای مانیتورهای متفاوتی هستند و رنگ ها را به روش های مختلف منتقل می کنند. همچنین توجه داشته باشید که تمامی مدل های فوق بر اساس مدل RGB هستند و هر رنگی که در هر یک از مدل ها مشخص شده است (به جز HSLA و RGBA به دلیل وجود کانال آلفا) قابل تبدیل به RGB می باشد.

اگر ما در مورد مدل های رندر رنگ مستقل از دستگاه صحبت کنیم، مدل LAB قابل توجه است. بنابراین، با آشنایی با برخی از مدل‌های رنگی، از کار با رنگ در HTML یک قدم به عقب برداشتیم. توجه داشته باشید که مرورگرها فقط چهار مدل اول را "درک" می کنند: HSL، RGB، HSLA و RGBA. بنابراین، ما فقط می توانیم رنگ عناصر HTML را با استفاده از این مدل ها کنترل کنیم.

چگونه رنگ یک عنصر HTML تشکیل می شود: برخی از ویژگی های مدل RGB

بیایید آن را بفهمیم چگونه رنگ یک عنصر HTML تشکیل می شودو با برخی از ویژگی های مدل RGB. توجه داشته باشید که در مورد مدل RGB و همچنین مدل های دیگری که برای طراحی صفحات وب استفاده می شود کمی بعد در پست های جداگانه صحبت خواهیم کرد.

بنابراین، مدل RGB مخفف قرمز، سبز، آبی است. مدل RGB بر اساس اصل افزودنی است. این اصل به این صورت است که برای به دست آوردن یک رنگ، یک رنگ به سیاه اضافه می شود. برای درک بهتر، تصور کنید که صفحه نمایش شما یک دیوار سیاه است و سه نورافکن دارید: اولی به رنگ قرمز، دومی به رنگ سبز و سومی به رنگ آبی می درخشد. شما می توانید روشنایی هر نورافکن را با استفاده از یک خط کش با اعداد از 0 تا 255 تنظیم کنید. بر این اساس، اگر نورافکن را روی صفر قرار دهید، خاموش می شود و نمی درخشد؛ اگر مقدار آن 255 باشد، نورافکن روشن ترین رنگ را می دهد.

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

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

ویژگی های HTML برای تغییر رنگ عناصر: رنگ پس زمینه عنصر و رنگ متن داخل عنصر

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

1. رنگ ویژگی HTML. این ویژگی به شما امکان می دهد رنگ متن را در داخل عنصر HTML تغییر دهید. این ویژگی می تواند مقادیری را در قالب نام رنگ های HTML و با استفاده از کدهای RGB در نماد هگزادسیمال و در نماد اعشاری دریافت کند. ویژگی color یک ویژگی منحصر به فرد HTML است که به شما امکان می دهد رنگ متن را در برخی از عناصر HTML تغییر دهید.
2. متن ویژگی HTML. این ویژگی یک ویژگی منحصر به فرد تگ است ... برچسب بزنید به همراه برچسب ها و فرم. اگر یادتان باشد داخل ظرف عناصری قرار می گیرند که سپس توسط مرورگر در ویوپورت نمایش داده می شوند. ویژگی text به شما امکان تنظیم را می دهد رنگ متن پیش فرض برای کل صفحه HTML.
3. ویژگی HTML bgcolor. همچنین یک ویژگی منحصر به فرد HTML است و به شما امکان می دهد رنگ پس زمینه برخی از عناصر HTML را تغییر دهید.
4. ویژگی HTML vlink. این ویژگی منحصر به فرد است و فقط برای برچسب اعمال می شود. برای تغییر رنگ پیوندی که کاربر قبلاً از آن بازدید کرده است.
5. پیوند ویژگی HTML. این ویژگی نیز منحصر به فرد است و فقط برای تگ اعمال می شود. ... ویژگی alink رنگ پیوند HTML فعال را تغییر می دهد.
6. ویژگی پیوند HTML. ویژگی پیوند فقط در ارتباط با تگ استفاده می شود و برای تغییر رنگ پیوندهای صفحه HTML که کاربر هنوز از آنها بازدید نکرده است استفاده می کند.

لطفاً توجه داشته باشید که استفاده از ویژگی ها برای تغییر رنگ عناصر HTML توصیه نمی شود، زیرا شیوه نامه های آبشاری وجود دارد که به شما امکان می دهد ظاهر یک صفحه وب را از محتوای آن جدا کنید.

استفاده از کدهای رنگ اعشاری در HTML

بنابراین، ما در مورد این واقعیت صحبت کردیم که با استفاده از یک خط کش مخصوص با تصاویر شماره گذاری شده از 0 تا 255، می توان نورافکن را روی روشنایی یک رنگ تنظیم کرد. و اکنون بیایید ببینیم که چگونه این به ما کمک می کند تا رنگ عناصر HTML را تغییر دهیم. نکته این است که می توانیم رنگ متن داخل عنصر HTML یا رنگ پس زمینه در HTML را با استفاده از کد اعشاری به صورت زیر تغییر دهیم:

اگر یک سند HTML ایجاد کنید که در آن کانتینر بدنه توضیح داده شده باشد، مانند مثال، خواهید دید:

1. رنگ پس‌زمینه سند HTML سبز شد: bgcolor = ”rgb (0,255,0)”.
2. رنگ متن صفحه HTML آبی خواهد شد: text = "rgb (0,0,255)".
3. رنگ پیوند HTML که کاربر از آن بازدید نکرده است سفید خواهد بود: پیوند = ”rgb (255,255,255)”.
4. گل های پیوندی که در حال حاضر باز است مشکی خواهند بود: alink = ”rgb (0,0,0)”.
5. و رنگ پیوند HTML که قبلاً بازدید شده است قرمز خواهد بود: vlink = ”rgb (255,0,0)”.

لطفا توجه داشته باشید: هیچ کس شما را از تنظیم "قدرت نورافکن" به صلاحدید خود منع نمی کند، می توانید تنظیم رنگ HTMLبرای مثال به این صورت:

rgb (94، 85، 50)

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

در حقیقت گفتن کدهای رنگ اعشاری در HTML اشتباه است، درست تر است که بگوییم کدهای رنگی RGB اعشاریزیرا این مدل نه تنها برای طراحی صفحات وب در HTML و CSS استفاده می شود.

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

تنظیم رنگ عناصر HTML با کدهای RGB اعشاری چندان راحت نیست (و در حال حاضر همه مرورگرها از این روش دستکاری رنگ پشتیبانی نمی کنند)، از آنجایی که رکورد فشرده ترین نخواهد بود، تنظیم بسیار راحت تر است. رنگ عناصر HTML با استفاده از مقادیر هگزادسیمال. در تصویر زیر نحوه تبدیل مقادیر اعشاری به مقادیر هگزادسیمال را مشاهده می کنید.

برای کسانی که با سیستم اعداد هگزادسیمال آشنایی ندارند توضیح مختصری داده شود تا به راحتی بتوانید رنگ عناصر HTML را با استفاده از کدهای RGB هگزادسیمال دستکاری کنید... اولاً، سیستم اعداد اعشاری به این دلیل نامیده می شود که هر عددی را می توان با ترکیب ده رقم به دست آورد (اصطلاحات مهم است: بین یک عدد و یک رقم تفاوت وجود دارد): 0، 1، 2، 3، 5، 6. ، 7، 8، 9.

در سیستم اعداد هگزادسیمال، هر عددی را می توان با ترکیبی از شانزده رقم نوشت: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، a، b، c، d، e، f. برای سهولت درک، می توانید فرض کنید که a ده و f پانزده است. به عنوان مثال، عدد شانزده به صورت هگزادسیمال به صورت زیر نوشته می شود: 10. و عدد 255 به صورت ff نوشته می شود.

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

< body alink = ”# 000000 ”link =” # ffffff ”vlink =” ff0000 ”bgcolor =” # 00ff00 ”text =” # 0000ff ”>

توجه داشته باشید: نوشتن رنگ در HTML در قالب هگزادسیمال تا حدودی فشرده تر استاز اعشاری، این اولین است. دوم: قدرت هر نورافکن با اعداد از 0 تا 255 تنظیم می شود. برای ثبت عدد 255، دو رقم با فرمت هگزادسیمال (ff = 250) لازم است، بنابراین روشنایی هر کانال رنگی (نورهای ما به درستی کانال رنگ را صدا می کنند. ، کانال رنگ) توسط دو عدد از 0 تا f تنظیم می شود.

لطفا توجه داشته باشید: روشنایی هر کانال رنگ جداگانه تنظیم می شود، اما اگر تصور کنیم که این یک عدد است، حداکثر عدد ممکن در سیستم هگزادسیمال مدل RGB ffffff است، به ما سفید می دهد و در سیستم اعشاری این است: 16 777 215. این تعداد رنگ و سایه به شما امکان تنظیم / استفاده از مدل RGB را می دهد... این عدد از این واقعیت به دست می آید که هر کانال رنگی دارای 256 مقدار روشنایی (از 0 تا 255) است: به ترتیب: 256 * 256 * 256 = 16,777,215.

مقادیر هگزادسیمال رنگ HTML فشرده تر و توصیفی تر هستند، اکثر طراحان وب و طراحان صفحه آرایی از مقادیر هگزادسیمال برای دستکاری رنگ در HTML استفاده می کنند، بنابراین توصیه می کنیم به نماد دهی رنگ عادت نکنید، بلکه بلافاصله از هگزادسیمال استفاده کنید.

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

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

نام رنگ ها در HTML

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

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

< body alink = ”black ”link = ”#white ”vlink =” قرمز ”bgcolor =” سبز ”text =” آبی ”>

همانطور که می توانید تصور کنید، رنگ ها و سایه های زیادی وجود دارد. در اینجا شایان ذکر است که ویژگی های HTML به شما اجازه تنظیم گرادیان را نمی دهند، چنین امکانی در CSS وجود دارد، اما در پست دیگری در این مورد صحبت خواهیم کرد. و نام های زیادی برای رنگ ها در HTML وجود دارد. می توانید جدولی با نام رنگ ها در HTML و کدهای RGB آنها در وب سایت من پیدا کنید.

جدول بالا نشان می دهد اگر عنصر HTML نامی به آن بدهید چه رنگی می گیرد... این جدول شامل 16 رنگ و نام آنهاست که توسط کنسرسیوم W3C تایید شده است و باید در هر مرورگری یکسان نمایش داده شود. اما در واقع، در HTML، می توانید از حدود 200 نام رنگ استفاده کنید که توسط مرورگرهای اصلی مانند Opera، Chrome، Firefox، Safari، Internet Explorer پشتیبانی می شوند (این عبارت در مورد دومی بسیار بحث برانگیز است).

پالت رنگ در HTML

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

اما ویرایشگرهای متن مختلف این کار را انجام داده اند پلاگین های پالت رنگکه کمک می کند به سرعت با رنگ یک عنصر HTML مطابقت دهید... همچنین یک پالت رنگی در ویرایشگرهای گرافیکی وجود دارد، زیرا نشستن و محاسبه برای یک طراح خیلی راحت و سرگرم کننده نیست: چه رنگی در روشنایی مشخص از یک کانال یا کانال دیگر ظاهر می شود. در تصویر زیر ساده ترین پالت ویرایشگر Paint را مشاهده می کنید.

توجه داشته باشید که بسیاری از ماژول ها و پلاگین های پالت رنگ به شما امکان می دهند کد رنگ را نه تنها در قالب RGB / RGBA، بلکه در قالب مدل های دیگر نیز دریافت کنید. یاد آوردن که هیچ پالتی در HTML وجود ندارد، خوب، مگر اینکه شما یک هنرمند تا هسته و انتخابگر رنگ صفحه HTML را آن رنگ ها صدا بزنیدکه برای تزیین آن استفاده می شد (بالاخره گاهی به پالت رنگ هایی گفته می شود که یک هنرمند خاص از آن استفاده می کند یا رنگ هایی که در ایجاد یک تصویر خاص به کار رفته است).

آموزش تغییر رنگ متن در HTML

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

آموزش کار با رنگ در HTML

رنگ متن را تغییر دهید

برای تغییر رنگ متن می توانیم از ویژگی منحصر به فرد عنصر متن BODY استفاده کنیم و همچنین از عنصر FONT و ویژگی رنگ آن استفاده کنیم. این متن خاکستری خواهد شد.

< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >رنگ متن را در یک سند HTML تغییر دهید< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >آموزش کار با رنگ در HTML< / font > < / h1 > < h2 > < font color = "yellow" >رنگ متن را تغییر دهید< / font > < / h2 > < p >برای تغییر رنگ متن می توانید از منحصر به فرد استفاده کنید ویژگی عنصر متنی BODY یا از عنصر FONT استفاده کنید < / body > < / html >

من این فایل را با عنوان color.html ذخیره می کنم و به شما می گویم که فراموش نکنید. نماد رنگی در نماد دهی توسط کروم، فایرفاکس و اپرا پشتیبانی نمی شود، اما IE چنین نماد رنگی را درک می کند و هدر HTML را به رنگ سبز برجسته می کند:

درست است که بگوییم رنگ متن را در HTML تغییر نمی دهیم، اما رنگ فونت را در HTML تغییر می دهیم. در باره

تقلب های ماین کرافت رنگ ها، یا 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
& ب	سبز آبی	آبی	85	255	255	55FFFF	21	63	63	153F3F
& ج	قرمز	قرمز	255	85	85	FF5555	63	21	21	3F1515
و د	بنفش روشن	روشن_بنفش	255	85	255	FF55FF	63	21	63	3F153F
& e	رنگ زرد	رنگ زرد	255	255	85	FFFF55	63	63	21	3F3F15
& f	سفید	سفید	255	255	255	ففففف	63	63	63	3F3F3F

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

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

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

بازی های رایانه ای یکی از محبوب ترین راه ها برای گذراندن اوقات فراغت شماست. با غوطه ور شدن در دنیای بازی های ویدیویی، مشکلات و مشکلات واقعی را فراموش می کنیم، آرامش می گیریم و سرگرم می شویم. و اگر این یک بازی آنلاین یا یک بازی در حالت چند نفره است، مزیت اصلی آن این است که در اینجا می توانید با افراد زیادی از سراسر جهان ملاقات کنید و نه تنها افراد همفکر، بلکه بهترین دوستان را نیز پیدا کنید. آیا می‌خواهید بدانید تنظیمات بازی، دقیقاً تا رنگ‌های موجود در «MTA»، چگونه می‌تواند بر نحوه برقراری ارتباط شما با بازیکنان دیگر تأثیر بگذارد؟ ادامه مطلب

ویژگی های حالت چند نفره

آیا تا به حال به این فکر کرده اید که چگونه رنگ ها را در "MTA" یا در برخی بازی های دیگر تنظیم کنید؟ هیچ یک از افرادی که تا به حال فرصت انجام یک بازی آنلاین با تعداد زیادی بازیکن را داشته اند، منکر این نمی شوند که می خواهند خود را در بهترین حالت در مقابل دیگران نشان دهند. شما می توانید به چیزهای خاص و گران قیمت شخصیت خود ببالید، در دانش خود از اصطلاحات بازی متمایز شوید یا به سادگی رابط کاربری بازی خود را سفارشی کنید تا بهتر از گیمرهای بی تجربه کار کند.

رنگ ها در "MTA" - آنچه شما باید بدانید؟

اگر در مورد یکی از نسخه های حالت بازی چند نفره "GTA: San Andreas"، "MTA" صحبت کنیم، رنگ در اینجا نقش بسیار مهمی ایفا می کند. توانایی سفارشی کردن رنگ برای نام مستعار خود در "MTA" یکی از بهترین مهارت هایی است که هر بازیکن مبتدی باید کسب کند.

پس برای سفارشی کردن رنگ اسم مستعار به اپلیکیشن "MTA: CA" رفته و بر روی گزینه Settings کلیک کرده و سپس نام خود را انتخاب کرده و دقیقا در مقابل آن کد رنگ مورد نظر را وارد کنید. در "MTA" یک پالت رنگ بزرگ برای نام مستعار وجود دارد. در مقاله نمونه پالت هایی را قرار داده ایم که می توانید سایه دلخواه خود را از بین آنها انتخاب کنید.

اکنون می دانید که چگونه می توانید متمایز شوید و نام مستعار خود را از نام مستعار بازیکنان مبتدی و بی تجربه متفاوت کنید. روشن، شما را از گیمرهای معمولی متمایز می کند و توجه بیشتری را به شما جلب می کند. از بازی خود لذت ببرید!