کد HEX رنگ ها در HTML

کد هگزادسیمال که به انگلیسی Hexadecimal به آن گفته میشود و مخفف آن HEX میباشد،یک کد 6 مقداری(جدیدا 8 مقداری)میباشد که از ترکیب سه رنگ اصلی قرمز،سبز،آبی (RGB) به وجود می آید.

در واقع کد ۶ رقمی از ۳ بخش تشکیل می شود و هر بخش از ۲ مقدار که این مقدارها از ترکیب رنگ های قرمز و سبز و آبی بدست می آیند.

کد ۸ رقمی نیز ۶ رقم اولش یک مقدار از ترکیب رنگ های قرمز و سبز و آبی می باشد و ۲ رقم آخر میزان شفافیت ( کانال آلفا یا Alpha ) رنگ

را مشخص میکند.

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

برای آشنایی با کد رنگ های RGB میتوانید به آموزش زیر مراجعه کنید:

مقادیر رنگ HEX

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

بازه هر رنگ از 00 تا ff ادامه دارد و روشنایی و تاریکی هر رنگ را تنظیم می‌کند.

برای مفهوم بیشتر این نکته را بخاطر بسپارید:هر رنگ از 255 قسمت تشکیل شده است و هرچه رقم این عدد کمتر شود(به صفر نزدیک شود) رنگ تاریکتر و هرچه این رقم بیشتر شود رنگ روشن تر میشود.

در مقادیر HEX، عدد 255 تا 0 رو در مبنای 16 نشان میدهند. به همین منظور به شکل 00 تا ff نمایش داده میشود.پس ff روشن‌ترین حالت رنگ و 00، تاریک‌ترین یا “بی‌اثر‌ترین” حالت رنگ محسوب میشود.

یعنی ۰۰ میزان شفافیت کامل می باشد ( کاملا شفاف ) و FF یعنی رنگ کاملا مات ( شفافیت ۰ ) می باشد.

بطور مثال:

به عنوان مثال 0000ff#  به رنگ آّبی نمایش داده می شود ، زیرا آبی روی بیشترین مقدار (ff) و دو مورد دیگر (سبز و قرمز) روی 00 تنظیم شده است.

#0000ff

مثال دیگر #00ff00 به رنگ سبز نمایش داده می شود ، زیرا رنگ سبز در بالاترین مقدار (ff) و دو مورد دیگر (قرمز و آبی) روی 00 تنظیم شده است.

#00ff00

تولید رنگ سیاه و سفید توسط کد HEX

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

مثال:

#000000

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