آموزش CSS - رنگ ها

در CSS، می توانید رنگ ها را با استفاده از روش های مختلف مشخص کنید،که درزیر توضیح داده شده است:

• مقادیر کلمات ازپیش تعریف شده : نام های رنگی از پیش تعریف شده هستند که می توانند برای تنظیم رنگ یک عنصر استفاده شوند. مثلاً «قرمز»، «آبی»، «سبز»، «زرد»، «سیاه»، «سفید» و غیره. مثالی در اینجا آمده است:

h1 {
  color: red;
}

• مقادیر هگزادسیمال: کدهای شش رقمی هستند که رنگ ها را در نماد هگزادسیمال نشان می دهند. هر جفت رقم نشان دهنده مقدار رنگ قرمز، سبز و آبی است. به عنوان مثال، #FF0000 قرمز، #00FF00 سبز و #0000FF آبی است. در اینجا یک مثال است:

h1 {
  color: #FF0000;
}

• مقادیر RGB:مقادیری هستند که مقادیر رنگ قرمز، سبز و آبی را با استفاده از مقادیر اعشاری بین 0 تا 255 مشخص می کنند. برای مثال rgb(255, 0, 0) قرمز است، rgb(0, 255, 0) سبز است و rgb(0, 0, 255) آبی است. در اینجا یک مثال است:

h1 {
  color: rgb(255, 0, 0);
}

• مقادیر RGBA: این مقادیر مانند مقادیر RGB هستند، اما با یک کانال آلفای اضافی که میزان شفافیت رنگ را مشخص می کند. مقدار کانال آلفا از 0 تا 1 متغیر است که 0 کاملاً شفاف و 1 کاملاً مات است. در اینجا یک مثال است:

h1 {
  color: rgba(255, 0, 0, 0.5);
}