کد رنگی چهار و هشت رقمی

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

در سی‌اس‌اس می‌توان رنگ‌هایی که داری کانال آلفا (شفافیت) هستند را با استفاده از هشت رقم بصورت زیر نشان داد:

رنگ هشت رقمی در سی اس اس #ff00aa77

یعنی در واقع رنگ های زیر با هم برابرند:


color: hsla(320, 100%, 50%, 0.46)
color: rgba(225, 0, 170, 0.46)
color: #ff00aa75

 

همانطور که مشاهده می‌کنیم از این به بعد زمانی که نیاز به اعمال شفافیت بر روی رنگ داریم دیگر فقط محدود به توابع rgba و hsla نیستیم و می‌توانیم از کد رنگی هشت رقمی نیز استفاده کنیم.

کد رنگی چهار رقمی

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

همانطور که ‌‌می‌دانیم دو رنگ زیر با هم برابرند:


color: #00ff88
color: #0f8 

همین روش خلاصه‌سازی برای رنگی که شفافیت هم دارد صدق می‌کند:


color: #00ff88cc
color: #0f8c

ویدیو زیر این قابلیت را به نمایش می‌گذارد:

پشتیبانی مرورگر‌ها

6 دیدگاه برای “کد رنگی چهار و هشت رقمی

  1. مرسی بابت مطالب مفیدتون. یه سوال داشتم. ی سوال داشتم اگه ما آلفای ۹ درصد داشته باشیم. و بخوایم به همین صورت هشترقمی کد رنگ رو بنویسیم. چجوری این درصد رو باید بنویسم؟

    1. در دو مرحله به این عدد میرسید:

      مرحله اول:
      (9*255)/100

      مرحله دوم:
      تبدیل جواب مرحله اول به هگز، که نیاز هستش عدد رو به 16 تقسیم کنید و هر بار عدد صحیح باقی مانده رو دوباره به 16 تقسیم کنید تا باقی مانده به صفر برسه و باقی مانده های صحیح جواب شما میشه.

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

      اینم واسه تبدیل مرحله دوم:

      https://www.rapidtables.com/convert/number/decimal-to-hex.html

سوال داری؟ برو به پنل پرسش و پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *