• صفحه اصلی
  • هاست حرفه ای
    • هاست مخصوص وردپرس
    • هاست سی پنل آلمان
    • هاست سی پنل ایران
    • هاست نمایندگی
    • هاست دانلود
    • هاست ربات تلگرام
    • هاست آزمایشی
  • سرور مجازی
    • سرور مجازی SSD آلمان
    • سرور مجازی فنلاند
  • قالب وردپرس vip رایگان
    • فروشگاهی
    • همه منظوره
    • شرکتی
    • مشاهده همه موضوعات
  • گواهی SSL
  • دامنه
    • جستجو و ثبت دامنه
    • هزینه ثبت دامنه ها
  • پشتیبانی
    • ارسال درخواست پشتیبانی
    • ارتباط با ما / درباره ما
    • آموزش هاستینگ
    • آموزش HTML
    • قوانین
    • کسب درآمد در آپ وب
ورود به سایت
✕

کد رنگ HEX در HTML

اموزش html

کد HEX رنگ ها در HTML

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

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

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

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

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

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

کد رنگ های RGB

مقادیر رنگ HEX

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

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

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

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

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

بطور مثال:

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

1
<h1 style="background-color:#0000ff;">#0000ff</h1>

 

#0000ff

 

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

1
<h1 style="background-color:#00ff00;">#00ff00</h1>

 

#00ff00

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

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

مثال:

1
<h1 style="background-color:#000000;">#000000</h1>

 

#000000

 

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

1
<h1 style="background-color:#ffffff;">#ffffff</h1>

مطالب مرتبط

اموزش html
3 خرداد 1401

آموزش طرح بندی و تکنیک های چیدمان عناصر HTML


ادامه مطلب
اموزش html
28 اردیبهشت 1401

آموزش استفاده از تگ Head در HTML بصورت جامع


ادامه مطلب
اموزش html
14 اردیبهشت 1401

آموزش آدرس دهی به فایل ها در HTML بصورت جامع


ادامه مطلب

آپ وب خانه امن رویاهای آنلاین شما


خرید هاست و ثبت دامنه پیش نیاز برای ایجاد سایت میباشد. سرعت بارگزاری هاست و اپتایم نقش مهمی در سئو سایت دارد. آپ وب تلاش میکند بهترین کیفیت هاست را برای شما ایجاد کند.

آپ وب با بیش از 8 سال سابقه در کنار شماست.

نماد اعتماد الکترونیکی


خرید هاست



ارسال تیکت

ارتباط با ما


شماره تماس: 33854475-013
info@upweb.ir

نیاز به پشتیبانی دارید؟

اگر سوالی دارید از طریق تیکت به پشتیبان مطرح نمایید.


ارتباط با ما
© 2022 تمام حقوق برای شرکت هاستینگ آپ وب محفوظ می باشد.
ورود به سایت