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

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

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

رنگ هشت رقمی در سی اس اس #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

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

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

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

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

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