همانطور که می دانید، رنگ می تواند بر وضعیت یک فرد تأثیر بگذارد: روحی و جسمی. هر روز با مرور اینترنت، چشم ها میلیون ها رنگ و سایه را ارزیابی می کنند. یک طراح وب که با روانشناسی رنگ آشنا است می تواند روحیه بازدیدکنندگان را برای رسیدن به هر هدفی کنترل کند.
این به این دلیل است که برخی از سایه ها تسکین می دهند و برخی برعکس، هیجان زده می شوند. در ادامه در مورد نحوه سنتز و نمایش رنگ با استفاده از فناوری رایانه صحبت خواهیم کرد.
RGB یک مدل رنگی است که نشان دهنده روشی برای به دست آوردن تمام رنگ ها و سایه های آنها با مخلوط کردن به نسبت های مختلف سه جزء اصلی است که عبارتند از:
- رنگ قرمز ( قرمز);
- رنگ سبز ( سبز);
- رنگ آبی ( آبی).
نام اختصاری RGB از اینجا آمده است. این رنگ ها به دلیلی به عنوان رنگ های اصلی انتخاب می شوند: دلیل آن فیزیولوژی شبکیه چشم انسان و نحوه درک آن است:
مدل RGB تا حد زیادی محبوب ترین است و برای بازتولید رنگ ها در صفحه نمایش تلویزیون و مانیتور کامپیوتر استفاده می شود. از آنجایی که تولیدکنندگان به محصولات خود ویژگی‌های متفاوتی می‌دهند، در سال 1996 یک سیستم ترکیب رنگ مبتنی بر RGB به نام sRGB ایجاد شد که مایکروسافت و اچ‌پی با هم روی آن کار کردند.
نمایش رنگ عددی
همانطور که قبلا ذکر شد، رنگ های 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 با نام آن
برخی از رنگ ها را می توان با نام آنها مشخص کرد و از نام رنگ در انگلیسی به عنوان مقدار استفاده کرد. رایج ترین کلمات کلیدی: سیاه (سیاه)، سفید (سفید)، قرمز (قرمز)، سبز (سبز)، آبی (آبی) و غیره:
رنگ متن - قرمز
محبوب ترین رنگ های استاندارد کنسرسیوم وب جهانی (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 است. A، B، C، 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 | |
| آبی | آبی | #0000FF | 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 | |
کدهای رنگ (پس زمینه) بر اساس اشباع و رنگ.
ولاد مرژویچ
در 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 | |
| آبی | آبی | #0000FF | |
| فوشیا | بنفش روشن | #FF00FF | |
| خاکستری | خاکستری تیره | #808080 | |
| سبز | سبز | #008000 | |
| اهک | سبز روشن | #00FF00 | |
| مارون | قرمز تیره | #800000 | |
| نیروی دریایی | آبی سرمه ای | #000080 | |
| زیتون | زیتون | #808000 | |
| رنگ بنفش | بنفش تیره | #800080 | |
| قرمز | قرمز | #FF0000 | |
| نقره | خاکستری روشن | #C0C0C0 | |
| سبز رنگ | سبز آبی | #008080 | |
| سفید | سفید | #FFFFFF | |
| رنگ زرد | رنگ زرد | #FFFF00 |
مهم نیست که چگونه رنگ را مشخص می کنید - با نام آن یا با استفاده از اعداد هگزادسیمال. در اثر آنها، این روش ها برابر هستند. مثال 6-1 نحوه تنظیم رنگ پس زمینه و متن یک صفحه وب را نشان می دهد.
مثال 6.1. رنگ پس زمینه و متن
متن نمونه
در این مثال، رنگ پس‌زمینه با استفاده از ویژگی bgcolor تگ تنظیم می‌شود
و رنگ متن از طریق ویژگی text. برای تنوع، مقدار ویژگی text روی یک عدد هگزا دسیمال و bgcolor روی کلمه کلیدی رزرو شده teal تنظیم می شود.>> مدیریت رنگ
مقادیر رنگ RGB هگزادسیمال
روش‌های توصیف و پردازش رنگ‌ها از این نظر که برای نمایش نهایی در نظر گرفته شده‌اند، با یکدیگر متفاوت هستند. بیایید، برای مثال، نمایش رنگ ها را برای پلی گرافی و برای نمایشگرهای کامپیوتر مقایسه کنیم. در مورد اول، اساس است سفیدرنگ کاغذی که بعداً سه رنگ اصلی روی آن اعمال می شود: آبی, رنگ بنفشو رنگ زرد. این سه رنگ اصلی با اختلاط با یکدیگر و با رنگ سفید کاغذ به نسبت‌های مختلف، سایه‌های رنگی متفاوتی به جز سیاه خالص می‌دهند یا در غیاب کامل رنگ، کاغذ سفید می‌دهند. اگر رنگ مشکی را به آنها اضافه کنیم، می گیریم CMYK- روشی برای انتقال رنگ زمانی که رنگ مورد نیاز با کم کردن رنگ های از دست رفته از سفید به دست می آید.
در مورد دوم، اساس است سیاهرنگ صفحه نمایش مانیتور که هر سلول آن در یکی از سه رنگ می درخشد: قرمز-قرمز، سبز-سبز و آبی-آبی. سپس در غیاب کامل هیچ درخششی، یک رنگ مشکی خالص از صفحه نمایش به دست می آید و هر یک از رنگ های مورد نیاز با نسبت هر یک از سه رنگ به دست می آید. در این صورت به دست خواهیم آورد RGB- روش انتقال رنگ. رنگ های اولیه می توانند معانی از 0
قبل از 255
، یا از 0%
قبل از 100%
، یا می تواند به عنوان یک مقدار هگزادسیمال نمایش داده شود. در شکل زیر نتایج اختلاط رنگ های اصلی را مشاهده می کنید.
سیستم اعداد هگزادسیمال، بر خلاف سیستم اعداد اعشاری، دارای ده رقم در سری ارقام خود نیست، بلکه شانزده رقم است - از این رو نام آن است. بر این اساس، انواع غیر تکراری ترکیبات دو رقمی فقط می توانند - 256 ، برای ادامه سری ارقام بعد 9 نامه هایی از آقبل از اف، بنابراین ردیف به این شکل خواهد بود -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
در این مورد، رنگ با سه عدد هگزادسیمال، که هر کدام از دو رقم تشکیل شده است، داده می شود. عدد اول شدت را تعیین می کند قرمزرنگ ها، متوسط سبز، آخرین چیز- آبیرنگ ها همه اعداد می توانند مقادیر متفاوتی داشته باشند 00 قبل از FF(از 0 تا 255). به عنوان مثال: رنگ سبز به عنوان داده شده است #00FF00، قرمز مانند #FF0000، آبی - مانند #0000FF، سفید مانند #FFFFFF، عدم وجود کامل رنگ یا سیاه به عنوان داده شده است #000000 .
در فرم زیر می توانید هر مقدار هگزادسیمال را برای هر یک از سه رنگ تنظیم کنید و با کلیک در قسمت خروجی نتیجه اختلاط آنها را مشاهده کنید.
نمونه هایی از مقادیر رنگ RGB هگزادسیمال: درجه بندی قرمز، آبی و سبز.
| چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
تعیین رنگ با حروف الفبای رشته
برای سهولت استفاده به برخی از رنگ ها و ترکیبات آنها نام هایی داده شد که توسط همه مرورگرها تشخیص داده شد و امکان تنظیم نام بسیاری از آنها فراهم شد. جدول زیر تعدادی از نام رنگ ها را نشان می دهد:
| چشم انداز | نام | چشم انداز | نام | چشم انداز | نام | چشم انداز | نام |
| سفید | قرمز | نارنجی | رنگ زرد | ||||
| سبز | آبی | رنگ بنفش | مشکی | ||||
| آلیس آبی | سفید عتیقه | آبی | آکوامارین | ||||
| لاجوردی | رنگ بژ | سوپ غلیظ خامه ای | بلانچدالموند | ||||
| بنفش آبی | رنگ قهوه ای | بوقلمون | کادت بلو | ||||
| چارتر استفاده | شکلات | مرجان | گل ذرت | ||||
| ابریشم ذرت | زرشکی | فیروزه ای | آبی تیره | ||||
| دارک سیان | میله طلایی تیره | خاکستری تیره | سبز تیره | ||||
| دارخاکی | Darkmagenta | دارکولیو گرین | نارنجی تیره | ||||
| دارکورچید | قرمز تیره | سالمون تیره | سبز دریای تیره | ||||
| آبی تیره | خاکستری تیره | فیروزه ای تیره | بنفش تیره | ||||
| صورتی پررنگ | آبی آسمان عمیق | تیره رنگ | آبی طفره زن | ||||
| آجر نسوز | سفید گلدار | جنگل سبز | فوشیا | ||||
| گینزبورو | شبح سفید | طلا | گلدن راد | ||||
| خاکستری | زرد سبز | عسلک | هات پینک | ||||
| سرخ هندی | نیل | عاج | خاکی | ||||
| اسطوخودوس | رژگونه اسطوخودوس | لیمونشیفون | آبی کمرنگ | ||||
| مرجان روشن | سبز رنگ | رنگ زرد روشن | سبز روشن | ||||
| خاکستری روشن | صورتی روشن | سالمون سبک | سبز روشن | ||||
| آبی روشن | خاکستری تیغه روشن | آبی روشن فولادی | زرد کمرنگ | ||||
| اهک | لیمو سبز | کتانی | ارغوانی | ||||
| مارون | مدیوم آکوامارین | آبی متوسط | ارکیده متوسط | ||||
| بنفش متوسط | سبز متوسط | رنگ متوسط | بهار سبز متوسط | ||||
| فیروزه ای متوسط | قرمز متوسط بنفش | آبی نیمه شب | کرم نعنا | ||||
| میستروز | ناواهو سفید | نیروی دریایی | قدیمی | ||||
| زیتون | زیتون | قرمز نارنجی | ارکیده | ||||
| palegoldenrod | سبز کمرنگ | رنگی فیروزه ای | رنگ بنفش کمرنگ | ||||
| شلاق پاپایا | پفک هلو | پرو | رنگ صورتی | ||||
| آلو | آبی پودری | رزی براون | آبی سلطنتی | ||||
| قهوه ای زینی | سبز دریایی | صدف دریایی | سینا | ||||
| نقره | آبی آسمانی | تخته سنگی | اسلیت گری | ||||
| برف | بهارگرین | آبی فولادی | قهوهای مایل به زرد | ||||
| آبی رنگ | خار مریم | گوجه فرنگی | فیروزه | ||||
| بنفش | گندم | دود سفید | زرد سبز |
استفاده از انتخابگر رنگ ایمن
متأسفانه، در پلتفرم های مختلف، با تنظیمات مختلف سیستم، بازتولید رنگ صحیح مشکل ساز است. نکته این است که مرورگر همیشه سعی می کند با ترکیب و جایگزینی رنگ ها به تنهایی، پالت رنگ سند را با تنظیمات سیستم و قابلیت های مانیتور تنظیم کند. در نتیجه، گاهی اوقات کاربر دقیقاً آنچه را که مدیر وب می‌خواست به او نشان دهد، نمی‌بیند. راه برون رفت از این وضعیت در استفاده از یک پالت یافت شد که هر رنگ آن تضمین شده است که توسط همه مرورگرها در پلتفرم های مختلف یکسان ارائه می شود. این به اصطلاح تضمینپالت، همچنین به عنوان شناخته شده است بی خطرجعبه رنگ نقاشی. این پالت شامل رنگ هایی است که اجزای رنگ آنها مقادیر زیر را به خود می گیرند: 00 ,33 ,66 ,99 , CC,FF، در تمام موارد ممکن 216 ترکیبات آنها
| چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد | چشم انداز | کد |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399 سی سی | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699 سی سی | 336699 | 006699 | ||||||
| 0066FF | 3366 سی سی | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000 FF | 0000 سی سی | 0033CC | 000033 | ||||||
| 3333FF | 3300 FF | 3300 سی سی | 3333 سی سی | 000099 | 000066 | ||||||
| 9999 سی سی | 6666FF | 6666 سی سی | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
| 9966 سی سی | 9966FF | 6600 سی سی | 6633 سی سی | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900 سی سی | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
کدهای ماین کرافت رنگ هایا 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 | متن بدون قالب بندی |
