در دنیای وب میتوانیم رنگها را به روشهای مختلف نشان دهیم. در مطلب مربوط به رنگها توابع مختلف رنگی و کدرنگی شش رقمی و سه رقمی را معرفی کردیم. در این مطلب به بررسی کد رنگی چهار و هشت رقمی می پردازیم.
در سیاساس میتوان رنگهایی که داری کانال آلفا (شفافیت) هستند را با استفاده از هشت رقم بصورت زیر نشان داد:
یعنی در واقع رنگ های زیر با هم برابرند:
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
ویدیو زیر این قابلیت را به نمایش میگذارد:
خیلی نکته قشنگی بود
مرسی اقای سیدی
جالب بود که تا حالا به چنین چیزی برنخورده بودم! ممنون
من اولین بار توی کروم کشف کردم شفافیت رو ولی در کل خدا لعنت کنه IE رو. ممنون ♥
مرسی بابت مطالب مفیدتون. یه سوال داشتم. ی سوال داشتم اگه ما آلفای ۹ درصد داشته باشیم. و بخوایم به همین صورت هشترقمی کد رنگ رو بنویسیم. چجوری این درصد رو باید بنویسم؟
در دو مرحله به این عدد میرسید:
مرحله اول:
(9*255)/100
مرحله دوم:
تبدیل جواب مرحله اول به هگز، که نیاز هستش عدد رو به 16 تقسیم کنید و هر بار عدد صحیح باقی مانده رو دوباره به 16 تقسیم کنید تا باقی مانده به صفر برسه و باقی مانده های صحیح جواب شما میشه.
در کل راحترین راه استفاده از خود devtools هستش که میشه تبدیل کرد.
اینم واسه تبدیل مرحله دوم:
https://www.rapidtables.com/convert/number/decimal-to-hex.html
اسم این کد رنگ هشت رقمی ها چیه؟!