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

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

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

برای این کار باید یک عکس در سایت آپلود کنید. برای دانلود فایل روی دکمه «مرور» کلیک کنید. فایل تصویری مورد نظر را انتخاب کرده و روی "آپلود" کلیک کنید. به محض لود شدن تصویر، آن را روی صفحه نمایش خواهید دید. سپس باید مکان نما را روی پیکسلی که می خواهید رنگ آن را تعیین کنید حرکت دهید. در یک پنجره جداگانه، می توانید رنگ پیکسل را ببینید و قسمت Current Value عدد پیکسل مربوطه را در رنگ HTML و RGB پیکسل نمایش می دهد.

این سرویس امکان ذخیره کد رنگ را در فرمت رنگی HTML و RGB فراهم می کند. برای این کار باید مکان نما را روی پیکسل مورد نظر حرکت دهید و روی دکمه سمت چپ ماوس کلیک کنید. در قسمت "مقادیر ذخیره شده" در یک پنجره جداگانه، می توانید رنگ پیکسل و همچنین مقادیر کد پیکسل ذخیره شده را در فرمت رنگی HTML و RGB مشاهده کنید.

بررسی ها

بله به نظر خوب است، ممنون

طبیعی

شاهکار

وزن

ما خیلی به شما کمک کردیم

جدول (پالت) رنگ ها htmlاین فرصت را به شما می دهد تا به طور مستقل آهنگ مورد نیاز خود را انتخاب کنید. مقدار رنگ در سه فرمت Hex، RGB و HSV نمایش داده می شود.

Hex از سه مقدار دو کاراکتری در سیستم اعداد هگزادسیمال تشکیل شده است. به عنوان مثال: #ff00b3، که در آن اولین جفت اعداد قرمز، دومی سبز و سومی آبی است.
RGB (RedGreenBlue) دارای شکل "200،100،255" است، که میزان تن مربوطه (قرمز، سبز، آبی) را در رنگ حاصل نشان می دهد.
HSV (رنگ، اشباع، ارزش - تن، اشباع، ارزش) - یک مدل رنگ که در آن مختصات عبارتند از:
- رنگ - تن رنگ، می تواند از 0 درجه تا 360 درجه متفاوت باشد.
- اشباع - اشباع، از 0-100 یا 0-1 متغیر است. هر چه این پارامتر بالاتر باشد، رنگ "خالص تر" است، به همین دلیل است که این پارامتر گاهی اوقات خلوص رنگ نامیده می شود. و هر چه این پارامتر به صفر نزدیکتر باشد، رنگ به خاکستری خنثی نزدیکتر است.
- مقدار (مقدار رنگ) - روشنایی را تنظیم می کند، مقدار نیز می تواند بین 0-100 یا 0-1 متفاوت باشد.

کد رنگ را وارد کنید: برو

لیست رنگ ها با نام

جدول نام رنگ های انگلیسی (که می تواند به عنوان مقادیر استفاده شود) که توسط همه مرورگرها پشتیبانی می شود و مقادیر هگزادسیمال آنها فهرست می شود. همه رنگ‌های فهرست شده «ایمن» هستند، به این معنی که در همه مرورگرها یکسان ظاهر می‌شوند.

نام رنگ	HEX	رنگ
مشکی	#000000
نیروی دریایی	#000080
آبی تیره	#00008B
آبی متوسط	#0000CD
آبی	#0000FF
سبز تیره	#006400
سبز	#008000
آبی رنگ	#008080
فیروزه ای تیره	#008B8B
DeepSkyBlue	#00BFFF
فیروزه تیره	#00CED1
MediumSpringGreen	#00FA9A
اهک	#00FF00
بهارگرین	#00FF7F
آبی	#00FFFF
فیروزه ای	#00FFFF
آبی نیمه شب	#191970
داجر آبی	#1E90FF
LightSeaGreen	#20B2AA
جنگل سبز	#228B22
دریای سبز	#2E8B57
خاکستری تیره	#2F4F4F
لیمو سبز	#32CD32
سبز دریای متوسط	#3CB371
فیروزه	#40E0D0
آبی سلطنتی	#4169E1
استیل آبی	#4682B4
تیره رنگ آبی	#483D8B
فیروزه متوسط	#48D1CC
نیل	#4B0082
سبز زیتونی تیره	#556B2F
CadetBlue	#5F9EA0
گل ذرت آبی	#6495ED
مدیوم آکوامارین	#66CDAA
دیم گری	#696969
اسلیت آبی	#6A5ACD
OliveDrab	#6B8E23
خاکستری تخته سنگ	#708090
LightSlate Gray	#778899
SlateBlue متوسط	#7B68EE
چمن سبز	#7CFC00
چارتروز	#7FFF00
آکوامارین	#7FFFD4
مارون	#800000
رنگ بنفش	#800080
زیتون	#808000
خاکستری	#808080
آبی آسمانی	#87CEEB
نور آسمان آبی	#87 CEFA
بنفش آبی	#8A2BE2
قرمز تیره	#8B0000
DarkMagenta	#8B008B
زین براون	#8B4513
DarkSea Green	#8FBC8F
سبز روشن	#90EE90
بنفش متوسط	#9370D8
بنفش تیره	#9400D3
سبز کمرنگ	#98FB98
ارکیده تیره	#9932CC
سبز زرد	#9ACD32
سینا	#A0522D
رنگ قهوه ای	#A52A2A
خاکستری تیره	#A9A9A9
آبی کمرنگ	#ADD8E6
زرد سبز	#ADFF2F
فیروزه رنگ پریده	#AFEEEE
روشن استیل آبی	#B0C4DE
آبی پودری	#B0E0E6
آجر نسوز	#B22222
میله طلایی تیره	#B8860B
ارکیده متوسط	#BA55D3
رزی براون	#BC8F8F
خاکی تیره	#BDB76B
نقره	#C0C0C0
بنفش متوسط قرمز	#C71585
قرمز هندی	#CD5C5C
پرو	#CD853F
شکلات	#D2691E
قهوهای مایل به زرد	#D2B48C
خاکستری روشن	#D3D3D3
بنفش کم رنگ قرمز	#D87093
خار مریم	#D8BFD8
ارکیده	#DA70D6
گلدن راد	#DAA520
زرشکی	#DC143C
گینزبورو	#DCDCDC
آلو	#DDA0DD
برلی وود	#DEB887
فیروزه ای روشن	#E0FFFF
اسطوخودوس	#E6E6FA
سالمون تیره	#E9967A
بنفش	#EE82EE
PaleGoldenRod	#EEE8AA
لایت کورال	#F08080
خاکی	#F0E68C
آلیس بلو	#F0F8FF
شب عسل	#F0FFF0
لاجوردی	#F0FFFF
شنی براون	#F4A460
گندم	#F5DEB3
رنگ بژ	#F5F5DC
دود سفید	#F5F5F5
کرم نعناعی	#F5FFFA
GhostWhite	#F8F8FF
ماهی سالمون	#FA8072
عتیقه سفید	#FAEBD7
کتانی	#FAF0E6
طلایی روشن راد زرد	#FAFAD2
OldLace	#FDF5E6
قرمز	#FF0000
فوشیا	#FF00FF
ارغوانی	#FF00FF
صورتی پررنگ	#FF1493
قرمز نارنجی	#FF4500
گوجه فرنگی	#FF6347
هات پینک	#FF69B4
مرجان	#FF7F50
رنگ تیره	#FF8C00
سالمون لایت	#FFA07A
نارنجی	#FFA500
صورتی روشن	#FFB6C1
رنگ صورتی	#FFC0CB
طلا	#FFD700
هلو پاف	#FFDAB9
ناواهو سفید	#FFDEAD
مقرنس	#FFE4B5
سوپ غلیظ خامه ای	#FFE4C4
MistyRose	#FFE4E1
بادام بلانچ شده	#FFBCD
پاپایا شلاق	#FFFD5
رژگونه اسطوخودوس	#FFF0F5
صدف دریایی	#FFF5EE
ابریشم ذرت	#FFF8DC
لیموشیفون	#FFFACD
سفید گلدار	#FFFAF0
برف	#FFFAFA
رنگ زرد	#FFFF00
زرد کمرنگ	#FFFFE0
عاج	#FFFFFF0
سفید	#FFFFFF

ماژول رنگی CSS مقادیری را که به نویسندگان اجازه می دهد تا رنگ ها و شفافیت عناصر html و همچنین مقادیر ویژگی رنگ را تعریف کنند، جزئیات می دهد.

خاصیت رنگ

1. رنگ های اولویت: خاصیت رنگ

این ویژگی رنگ فونت را با استفاده از سیستم های مختلف رندر رنگ مشخص می کند. این ویژگی رنگ محتوای متن عنصر را توصیف می کند. علاوه بر این، برای ارائه یک مقدار غیرمستقیم بالقوه (currentColor) برای هر ویژگی دیگری که مقادیر رنگ را می پذیرد استفاده می شود.

ملک موروثی است.

2. مقادیر رنگ

2.1. کلمات کلیدی اصلی

لیست کلمات کلیدی اصلی شامل معانی زیر است:

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

نام رنگ ها به حروف بزرگ و کوچک حساس نیستند.

نحو

رنگ: سرمه ای؛

2.2. مقادیر رنگ عددی

2.2.1. رنگ های مدل RGB

قالب هگزادسیمال یک مقدار RGB یک علامت # است که بلافاصله با سه یا شش کاراکتر هگزا دسیمال دنبال می شود. نماد سه رقمی RGB #rgb با کپی کردن ارقام به جای اضافه کردن صفر به شکل شش رقمی #rrggbb تبدیل می شود. به عنوان مثال، #fb0 به #ffbb00 گسترش می یابد. این تضمین می کند که #ffffff سفید را می توان در ورودی کوتاه #fff مشخص کرد و هر گونه وابستگی به عمق رنگ نمایشگر را حذف می کند.

قالب یک مقدار RGB در نماد عملکردی rgb است (به دنبال آن یک لیست سه مقدار عددی جدا شده با کاما (یا سه مقدار صحیح یا سه مقدار درصد) و به دنبال آن یک نماد). مقدار صحیح 255 مربوط به 100٪ و F یا FF در نماد هگزادسیمال است:

Rgb(255,255,255) = rgb(100%, 100, 100%) = #FFF

کاراکترهای فاصله در اطراف مقادیر عددی مجاز هستند.

پالت رنگ ها و سایه های استفاده شده توسط هنرمندان و طراحان به سادگی شگفت انگیز است. و به لطف تغییر روند، مدگراها در سراسر جهان دقیقاً مانند مجلات مد به مطالعه طرح های رنگی می پردازند. بنابراین، با بررسی دقیق تر، رنگ زرد آشنا به دو دسته تقسیم می شود: خردلی، طلایی، لیمویی، زعفرانی، قناری، گلابی، ذرت، چارتری، غنچه بهاری، زرد گل محمدی، نارنگی، طلای عتیقه... و این فهرست کاملی نیست. از سایه های آن! چگونه می توان تنوع سایه های موجود را درک کرد و مهمتر از همه - آیا اصلاً لازم است؟ از این گذشته ، درک رنگ کاملاً ذهنی است ، نه تنها تحت تأثیر عوامل فرهنگی، بلکه تحت تأثیر عوامل فیزیولوژیکی نیز قرار می گیرد (توانایی چشم در تشخیص تفاوت های ظریف رنگ از فردی به فرد دیگر با طبیعت متفاوت است). علاوه بر این، یک سایه بسته به رنگ های اطراف آن ممکن است گرمتر یا سردتر به نظر برسد.

رنگ ها و سایه های سرد

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

سه راه اصلی برای نمایش چرخه رنگ وجود دارد، اگرچه آنها اساساً یکسان هستند.

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

سایه های سرد عبارتند از:

قرمز تیره؛

کوشین;

قرمز مایل به قرمز

آلیزارین؛

زرشکی؛

اصلی؛

ارغوانی؛

بادمجان؛

ویستریا

سیتریک

taup;

یشم؛

آکوامارین؛
نیلی;

آبی پروس؛

gridperleft;

آنتراسیت;

مارنگو.

سایه های گرم رنگ

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

این شامل:

علاوه بر این، رنگ های به اصطلاح خنثی نیز وجود دارد:

برای ترکیب صحیح رنگ ها و سایه ها، باید یاد بگیرید که رنگ های گرم را از سرد تشخیص دهید. سه راه برای ایجاد ترکیب رنگی وجود دارد.

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

برای دوم، رنگ های مجاور (که در کنار یکدیگر در چرخ رنگ قرار دارند) ترکیب می شوند.

روش سوم از رنگ های مکمل (که در قسمت های مخالف چرخ رنگ قرار دارند) استفاده می کند. به این ترتیب جذاب ترین و موثرترین ترکیبات به دست می آید.

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

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

موضوع تعیین سایه مورد نظر می تواند به ویژه برای وب مسترهای مبتدی مرتبط باشد، زمانی که کدهای داده شده در سند وب (به عنوان مثال، #f3af6c) کاملاً واضح نیستند و مشخص نیست که چگونه و از کجا می توان این اطلاعات را به دست آورد (از کجا می توان به دست آورد. جداول رنگی Html و CSS را پیدا کنید) و نحوه استفاده از آنها برای طراحی یک متن یا هر بلوک دیگری از یک سند وب.

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

کدها و جدول رنگ های اصلی RGB

کاملاً منطقی است که زبان نشانه گذاری فرامتن و شیوه نامه های آبشاری قابلیت رنگ آمیزی اسناد را داشته باشند، زیرا در غیر این صورت سایت ها بسیار خسته کننده و یکنواخت خواهند بود. برای این کار معمولا از مدلی به نام RGB (مخفف برگرفته از سه کلمه انگلیسی قرمز، سبز و آبی) استفاده می کنند.

در مدل RGBفقط از سه رنگ استفاده شده است (مشخص است که اینها قرمز، سبز و آبی هستند) که هر کدام را می توان با سطح متفاوتی از درخشش نشان داد. برای هر کانال (قرمز، سبز و آبی)، می توانید یکی از 256 سطح روشنایی ممکن را انتخاب کنید. عدد 256 به این دلیل گرفته شده است که مقادیر زیادی سایه را می توان در یک بایت اطلاعات رمزگذاری کرد.

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

حالا بیایید بفهمیم که چگونه روشنایی را در هر کانال تنظیم کنیم و چند امکان برای این کار داریم؟

در واقع وجود دارد دو راه اصلی:

تنظیم با ضبط روشنایی برای هر کانال (قرمز، سبز و آبی) در نماد هگزادسیمال
با وارد کردن نام رنگ در کد سند وب

بیایید با موارد پیچیده شروع کنیم و سعی کنیم نحوه نوشتن رنگ ها را در کد هگزادسیمال بیابیم. اگر بخواهیم، برای مثال، کد رنگ سفید را در سیستم اعشاری بنویسیم، کد 256 256 256 و برای سیاه - 0 0 0 را دریافت می کنیم. در اینجا، احتمالاً، همه چیز واضح است.

اما در سیستم اعداد هگزادسیمال، علاوه بر اعداد عربی، از شش حرف اول الفبای لاتین نیز استفاده می شود و در شکل گیری اعداد، ویژگی خاص خود را دارد. فکر نمی‌کنم ارزش عمیق‌تر رفتن را داشته باشد، اما به عنوان مثال می‌گویم که رنگ سفید برای Html را می‌توان به این صورت تنظیم کرد: #ffffff و سیاه را مانند این: #000000. آن ها 00 در نماد اعشاری با 0 و ff مربوط به 256 است.

آن ها به هر کانال رنگی RGB در کد CSS دو رقم هگزادسیمال اختصاص داده شده است، بنابراین ورودی های ارزش رنگ از شش رقم (یا حروفی که معادل ارقام در سیستم هگزادسیمال هستند) تشکیل شده است که قبل از آن علامت هش "#" وجود دارد. این کاملا ساده است.

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

به طور طبیعی، شما موظف نیستید کدهای سایه هگزادسیمال را با کدهایی که می خواهید در پروژه اینترنتی خود مشاهده کنید، بیابید و مقایسه کنید. می‌توانید رنگ‌هایی را برای سایت در هر ویرایشگر گرافیکی (حتی در ) انتخاب کنید، جایی که مطمئناً رکوردی از این سایه را با فرمت RGB به شما نشان می‌دهند یا جدولی از رنگ‌های Html را پیدا کنید و کد مورد نیاز خود را از آنجا کپی کنید.

رنگ های Yandex - انتخاب پالت سایه RGB در نتایج Yandex

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

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

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

همه اینها به لطف به اصطلاح، که برای کمک به طراحان و طراحان طرح‌بندی طراحی شده است، تحقق می‌یابد.

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

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

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

خب، اولاً، احتمالاً واضح است که نمی‌توانید تمام 16 میلیون سایه ممکن را در طرح RGB با استفاده از کلمات در هر جدولی نشان دهید (از پیمایش در آن خسته خواهید شد).

ثانیاً، در اعتبار سنجی W3C برای مشخصات Hypertext Markup Language 4.01 (در حال حاضر به طور کامل توسط همه مرورگرهای ممکن پشتیبانی می شود)، تنها 16 رنگ تعریف شده است که می توان آنها را در کد Html یا CSS با کلمات مشخص کرد:

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

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

استفاده از کدهای رنگی و نام ها در وب مستر

در حال حاضر، تمام طراحی های خارجی صفحات وب به CSS (سبک شیت های آبشاری) واگذار شده است و تعیین یک کد رنگ به طور مستقیم در Html بسیار نادر است، اما اتفاق می افتد. علاوه بر این، شرایطی وجود دارد که استفاده از شیوه نامه های خارجی CSS به دلایلی غیرممکن است (به عنوان مثال، در مورد ایجاد نسخه).

بنابراین، من همچنان مثالی از تنظیم رنگ ها در Html می زنم، اگرچه در این مورد قبلاً از آنها استفاده می شود برچسب هایی که توسط اعتبارسنجی W3C توصیه نمی شود. به عنوان مثال، قبلاً رنگ پس‌زمینه در تگ «BODY» از طریق ویژگی «bgcolor» تنظیم می‌شد و متن بلافاصله در کل صفحه وب با استفاده از ویژگی «text» رنگ‌آمیزی می‌شد.

تنظیم سایه های مورد نیاز در این مورد می تواند به عنوان مثال به صورت زیر باشد:

محتویات سند

نتیجه یک صفحه وب با پس زمینه بژ و فونت آبی تیره است. قبل از استفاده از CSS، برای تغییر رنگ فونت هر بخش از متن، تگ "FONT" که دیگر توسط اعتبارسنجی W3C توصیه نمی شود، به طور گسترده مورد استفاده قرار می گرفت، که در آن ویژگی "color" به همین نام گنجانده شده بود. رنگ را تنظیم کنید:

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

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

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

همانطور که می بینید، گاهی اوقات برای کوتاه کردن نماد رنگ، از شش کاراکتر استفاده نمی شود، بلکه فقط از سه کاراکتر استفاده می شود، اگر برای هر کانال مطابقت داشته باشند - "#6с0" به جای "#66с00".

یک رنگ را از پالت یک برنامه خاص انتخاب کنید یا آن را از روی صفحه ضبط کنید

همانطور که در بالا نوشتم، طرح رنگی RGB (قرمز، سبز، آبی) در همه جا استفاده می شود. برای هر یک از سه رنگ اصلی، 256 درجه بندی وجود دارد - از 0 تا 255 (اگر این مقادیر را به سیستم اعداد هگزادسیمال تبدیل کنیم، از 00 تا FF می گیریم).

زیرا ما سه رنگ اصلی داریم که از ترکیب آنها همه سایه های دیگر تشکیل می شود، سپس نماد هگزادسیمال چیزی شبیه به این خواهد بود: 99FF66 (سایه سبز). با افزودن # در مقابل آن کد #99FF66 را دریافت می کنیم که هم در فایل های Html و هم در فایل های سبک قابل استفاده است. ناگفته نماند که لازم نیست خودتان همه این مزخرفات را بفهمید و به خاطر بسپارید.

برای انجام این کار، می توانید از یک برنامه ویژه استفاده کنید که به شما امکان می دهد سایه مورد نظر را در پالت (یا آن را از روی صفحه نمایش بگیریدابزاری مانند پیپت) و بلافاصله کد آن را دریافت کنید. شما نیازی به داشتن برنامه ندارید، اما فقط به Yandex بروید و نام هر رنگی را در نوار جستجو تایپ کنید (در مورد این دقیقاً در بالا نوشتم).

در اینجا لیستی از برنامه هایی وجود دارد که به شما امکان می دهد همه اینها را به طور کامل پیاده سازی کنید:

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

ممکن است علاقه مند باشید

لیست در کد Html - برچسب های UL، OL، LI و DL
نحوه درج لینک و تصویر (عکس) در تگ های HTML - IMG و A
نحوه ایجاد یک لینک (A, Href, Target Blank)، نحوه باز کردن آن در یک پنجره جدید در سایت و همچنین ایجاد یک لینک در کد Html
فونت (چهره، اندازه و رنگ)، Blockquote و تگ های پیش - قالب بندی متن قدیمی در HTML خالص (بدون استفاده از CSS)
جداول در Html - برچسب های Table، Tr و Td و همچنین Colspan، Cellpadding، Cellspacing و Rowspan برای ایجاد آنها
فرم های Html برای سایت - برچسب های Form، Input و Select، Option، Textarea، Label و موارد دیگر برای ایجاد عناصر فرم وب انتخاب، Option، Textarea، Label، Fieldset، Legend - برچسب های Html برای فرم لیست های کشویی و فیلدهای متنی
Img - تگ Html برای درج یک عکس (Src)، تراز کردن و بسته بندی متن در اطراف آن (تراز کردن)، و همچنین تنظیم پس زمینه (پس زمینه)
دستورالعمل های نظر و Doctype در کد Html و همچنین مفهوم بلوک و عناصر درون خطی (برچسب ها)
زبان نشانه‌گذاری فرامتن Html چیست و چگونه می‌توان فهرستی از تمام برچسب‌ها را در اعتبارسنجی W3C مشاهده کرد.
کاراکترهای فضای خالی و قالب بندی کد آنها در Html، و همچنین کاراکترهای فضای خالی بدون شکستگی و سایر یادداشت ها