در 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 | |
کدهای رنگ (پس زمینه) بر اساس اشباع و رنگ.
همانطور که می دانید، رنگ می تواند بر وضعیت یک فرد تأثیر بگذارد: روحی و جسمی. هر روز با نگاه کردن به سایت های اینترنتی، چشم ها میلیون ها رنگ و سایه را ارزیابی می کنند. یک طراح وب که با روانشناسی رنگ ها آشنایی دارد می تواند خلق و خوی بازدیدکنندگان را برای رسیدن به هر هدفی دستکاری کند.
این به دلیل این واقعیت است که برخی از سایه ها آرامش بخش هستند، در حالی که برخی دیگر، برعکس، هیجان انگیز هستند. در ادامه در مورد نحوه سنتز و نمایش رنگ با استفاده از فناوری رایانه صحبت خواهیم کرد.
RGB یک مدل رنگی است که نشان دهنده روشی برای به دست آوردن تمام رنگ ها و سایه های آنها با مخلوط کردن سه جزء اصلی به نسبت های مختلف است که عبارتند از:
- رنگ قرمز ( قرمز);
- رنگ سبز ( سبز);
- رنگ آبی ( آبی).
نام اختصاری RGB از اینجا آمده است. این رنگ ها به دلیلی به عنوان رنگ های اصلی انتخاب شدند: دلیل آن فیزیولوژی شبکیه چشم انسان و نحوه درک آن است:
مدل RGB امروزه محبوب ترین است و برای بازتولید رنگ ها در صفحه نمایش تلویزیون و مانیتور کامپیوتر استفاده می شود. از آنجایی که تولیدکنندگان محصولات خود را با ویژگی‌های متفاوتی اعطا می‌کنند، یک سیستم ترکیب رنگ مبتنی بر RGB به نام sRGB در سال 1996 ایجاد شد که مایکروسافت و اچ‌پی روی آن همکاری کرده‌اند.
نمایش رنگ عددی
همانطور که قبلا ذکر شد، رنگ های RGB از ترکیب رنگ های اصلی تشکیل می شوند. برای توصیف شدت هر یک از آنها، طرحی اتخاذ شد که در آن رنگ با محدوده 0-255 (8 بیت) نشان داده می شود که در سیستم هگزادسیمال با 00-FF مطابقت دارد.
یعنی رنگ های اصلی به این صورت خواهند بود:
- قرمز - RGB (255,0,0);
- سبز - RGB (0.255.0)؛
- آبی - RGB (0,0,255);
اگر شدت رنگ به مقادیر کمتر از 255 برسد، سایه های مختلف قرمز، سبز و آبی به دست می آید. در زیر جدول درجه بندی آنها و همچنین مقادیر هگزادسیمال هر یک از سایه ها آورده شده است:
جداول رنگی RGB
به طور طبیعی، علاوه بر درجه بندی رنگ های اصلی، رنگ های مخلوط نیز وجود دارد و تعداد آنها بسیار زیاد است. بنابراین، جدولی از رنگ های RGB ایجاد شد که در آن تمام سایه های موجود و همچنین نام ها و نمایش های عددی آنها ارائه شده است. اعشاری و هگزادسیمال).
در اینجا می توانید با آن آشنا شوید. این جدول زندگی را برای طراحان وب بسیار آسان‌تر می‌کند، زیرا در عرض چند ثانیه می‌توانید سایه مورد نظر را پیدا کنید و به نمایش عددی آن پی ببرید.
پالت رنگ ایمن RGB
با این حال، در مقطعی مشکل نمایش رنگ ها در مرورگرهای مختلف وجود داشت و برای حل آن، یک پالت به اصطلاح "ایمن" از رنگ های RGB جمع آوری شد که با محاسبات ریاضی به دست آمد.
وقتی مرورگر نتواند رنگی را به درستی نمایش دهد، سعی می کند با ترکیب رنگ های مجاور به رنگ مورد نظر نزدیک شود و به احتمال زیاد نتیجه کاملا غیر قابل قبول خواهد بود:
با استفاده از کدهای رنگی RGB از این پالت، یک توسعه‌دهنده وب نمی‌تواند هیچ ترسی از نمایش رنگ‌ها در صفحات سایت خود در هنگام مشاهده با مرورگرها، پلتفرم‌ها و مانیتورهای مختلف نداشته باشد. اگرچه در حال حاضر جدول رنگ های ایمن در حال از دست دادن اهمیت خود است ( پیشرفت فنی هنوز ثابت نشده است، هنگام استفاده از آن، همانطور که می گویند، می توانید خوب بخوابید.
رنگ طلایی در مدل RGB
برای اولین بار کلمه "طلا" در آغاز قرن چهاردهم برای توصیف رنگ عنصر شیمیایی به نام Aurum - طلا استفاده شد. در RGB، طلا با مقادیر عددی زیر نشان داده می شود:
- RGB (255، 215، 0) - سیستم اعشاری؛
- HEX # FFD700 - سیستم هگزادسیمال.
رنگ بژ در مدل RGB
رنگ بژ جایگاه نسبتاً مهمی را در تاریخ اشغال می کند، حتی اگر گویاترین رنگ نباشد. بسیاری از آثار فرهنگی، به ویژه مجسمه های عتیقه، از سنگ صابون و سنگ صابون ساخته شده اند که رنگ بژ دارند. در RGB، رنگ بژ دارای نمایش های عددی زیر است:
- RGB (245، 245، 220) - سیستم اعشاری؛
- HEX # F5F5DC - سیستم هگزادسیمال.
امروزه، به خصوص در شبکه جهانی وب، به ندرت می توان چنین رنگ "خسته کننده ای" را پیدا کرد. توسعه دهندگان طراحی جذاب را با استفاده از رنگ های روشن ترجیح می دهند. پیشرفت تکنولوژی امکان نمایش تعداد زیادی رنگ را بر روی مانیتورها فراهم می کند که باعث می شود تصویر واقعی تر شود.
خوب بد
ولاد مرژویچ
در 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 (قرمز، سبز، آبی؛ قرمز، سبز، آبی) نامیده می شود. این مدل افزودنی است (از افزودن - به افزودن) که در آن افزودن هر سه جزء یک رنگ سفید را تشکیل می دهد.
برای سهولت در پیمایش در رنگ های هگزا دسیمال، قوانینی را در نظر بگیرید.
- اگر مقادیر اجزای رنگ یکسان باشد (به عنوان مثال: # 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 است.
ویژگی اصلی رنگ وب این است که در همه مرورگرها یکسان به نظر می رسد. در حال حاضر ارتباط رنگ های وب به دلیل افزایش کیفیت مانیتورها و گسترش قابلیت های آنها بسیار کم است.
رنگ ها بر اساس نام
برای اینکه مجموعه ای از اعداد را حفظ نکنید، می توانید به جای آن از نام رنگ های رایج استفاده کنید. جدول 6.3 نام رنگ های محبوب را فهرست می کند.
| نام رنگ | رنگ | شرح | مقدار هگزادسیمال |
|---|---|---|---|
| سیاه | مشکی | #000000 | |
| آبی | آبی | # 0000 FF | |
| فوشیا | بنفش روشن | # FF00FF | |
| خاکستری | خاکستری تیره | #808080 | |
| سبز | سبز | #008000 | |
| اهک | سبز روشن | # 00FF00 | |
| مارون | قرمز تیره | #800000 | |
| نیروی دریایی | آبی سرمه ای | #000080 | |
| زیتون | زیتون | #808000 | |
| رنگ بنفش | بنفش تیره | #800080 | |
| قرمز | قرمز | # FF0000 | |
| نقره اي | خاکستری روشن | # C0C0C0 | |
| سبز رنگ | سبز آبی | #008080 | |
| سفید | سفید | #FFFFFF | |
| رنگ زرد | رنگ زرد | # FFFF00 |
فرقی نمی کند که رنگ را به چه طریقی مشخص کنید - با نام آن یا با استفاده از اعداد هگزادسیمال. این روش ها در عمل خود برابر هستند. مثال 6.1 نحوه تنظیم پس زمینه و رنگ متن یک صفحه وب را نشان می دهد.
مثال 6.1. رنگ پس زمینه و متن
متن نمونه
در این مثال، رنگ پس‌زمینه با استفاده از ویژگی bgcolor تگ تنظیم می‌شود
و رنگ متن از طریق ویژگی text. برای تغییر، ویژگی text روی یک عدد هگزا دسیمال و bgcolor روی کلمه کلیدی رزرو شده تیل تنظیم می شود.تقلب های ماین کرافت رنگ ها، یا 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 | متن بدون قالب |
برای تنظیم رنگ ها از اعداد هگزادسیمال استفاده می شود. سیستم هگزا دسیمال، برخلاف سیستم اعشاری، همانطور که از نامش پیداست، بر اساس عدد 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 و توضیحات را نشان می دهد.
| نام | رنگ | کد | RGB | Hsl | شرح |
|---|---|---|---|---|---|
| سفید | #ffffff یا #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 که به ویژگی پس‌زمینه-color اضافه شده است اعتبارسنجی می‌شود، اما رنگی که به ویژگی پس‌زمینه اضافه می‌شود دیگر تایید نمی‌شود. در همان زمان، مرورگرها به درستی رنگ هر دو ویژگی را درک می کنند.
Hsl
| اینترنت اکسپلورر | کروم | اپرا | سافاری | فایرفاکس | اندروید | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
نام فرمت HSL از ترکیب حروف اول 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. رنگ ها در صفحه وب
