631 ساعت آموزش تخصصی در

آموزشـــــــــگاه روبرد

با اشتراک حرفه ای روبرد به همه آموزش ها دسترسی داشته باش!

مشاهده آموزش ها

عنوان این جلسه : رنگ‌ها در CSS | معرفی کد HEX، سیستم RGB و HSL - قسمت اول

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

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

نام رنگ‌ها
کد رنگ HEX
سیستم RGB و RGBa
سیستم HSL و HSLa
نکته: به غیر از نام رنگ‌ها که تعدادشان محدود است، تعداد رنگ‌های موجود در دیگر روش‌ها باهم یکسان هستند. به عبارتی هر رنگ می‌تواند بصورت HEX یا RGB یا HSL مقداردهی شود.

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

image