در دنیای وب می‌توانیم رنگ‌ها را به روش‌های مختلف نشان دهیم. در مطلب مربوط به رنگ‌ها توابع مختلف رنگی و کدرنگی شش رقمی و سه رقمی را معرفی کردیم. در این مطلب به بررسی کد رنگی چهار و هشت رقمی می پردازیم.
در سی‌اس‌اس می‌توان رنگ‌هایی که داری کانال آلفا (شفافیت) هستند را با استفاده از هشت رقم بصورت زیر نشان داد:
یعنی در واقع رنگ های زیر با هم برابرند:
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پشتیبانی مرورگر‌ها
برای مشاهده پشتیبانی مرورگر‌ها لینک را باز کنید.
- منبع: آموزش طراحی وب
دیدگاهتان را بنویسید