---
title: CSS RGB Өнгө
description: "> RGB өнгөний утга нь УЛААН, НОГООН, ЦЭНХЭР гэрлийн эх үүсвэрээр тодорхойлогдоно. ## RGB Утга CSS дээр өнгийг дараах томъёог ашиглан RGB утгаар тодорхойлж болно. rgb(*red,* *green*, *blue*) Параметр бүр (улаан, ногоон, цэнхэр) нь 0-ээс 255 хоорондох өнгөний эрчмийг тодорхойлдог. Жишээлбэл, rgb…"
url: "https://apprentice.mn/docs/css-rgb-colors/"
updated: "2021-07-23"
category: CSS
---

# CSS RGB Өнгө

> RGB өнгөний утга нь УЛААН, НОГООН, ЦЭНХЭР гэрлийн эх үүсвэрээр тодорхойлогдоно.

## RGB Утга

CSS дээр өнгийг дараах томъёог ашиглан RGB утгаар тодорхойлж болно.

rgb(*red,* *green*, *blue*)

Параметр бүр (улаан, ногоон, цэнхэр) нь 0-ээс 255 хоорондох өнгөний эрчмийг тодорхойлдог.

Жишээлбэл, rgb (255, 0, 0) -ийг улаан гэж харуулна, яагаад гэвэл улааныг хамгийн их утгад (255), бусад нь 0-д тохируулсан байдаг.

Хар өнгийг харуулахын тулд бүх өнгөний параметрүүдийг дараах байдлаар тохируулна: rgb (0, 0, 0).

Цагаан өнгийг харуулахын тулд бүх өнгөний параметрүүдийг 255 болгож тохируулна: rgb (255, 255, 255).

Доорх RGB утгуудыг хольж туршиж үзэв.

 

# rgb(255, 0, 0)

# rgb(0, 0, 255)

# rgb(60, 179, 113)

# rgb(238, 130, 238)

# rgb(255, 165, 0)

# rgb(106, 90, 205)

rgb(255, 99, 71)

RED

  255

GREEN

  99

BLUE

  71

Саарал өнгийн сүүдэрийг бүх 3 гэрлийн эх үүсвэрүүдэд ижил утгыг ашиглан тодорхойлдог.

# rgb(0, 0, 0)

# rgb(60, 60, 60)

# rgb(120, 120, 120)

# rgb(180, 180, 180)

# rgb(240, 240, 240)

# rgb(255, 255, 255)

 

## GBA утга

RGBA өнгөний утга нь альфа суваг бүхий RGB өнгөний утгын өргөтгөл бөгөөд өнгөний тунгалаг бус байдлыг тодорхойлдог.

RGBA өнгөний утгыг дараахь байдлаар тодорхойлно.

rgba(*red,* *green*, *blue, alpha*)

Альфа параметр нь 0.0 -оос (бүрэн тунгалаг) 1.0-ийн (огт тунгалаг биш) хоорондох тоо юм:

Доорх RGBA утгуудыг хольж туршиж үзээрэй.

        

rgba(255, 99, 71, 0.5)

    

RED

 255

GREEN

 99

BLUE

 71

ALPHA

 0.5

 

# rgba(255, 99, 71, 0)

# rgba(255, 99, 71, 0.2)

# rgba(255, 99, 71, 0.4)

# rgba(255, 99, 71, 0.6)

# rgba(255, 99, 71, 0.8)

# rgba(255, 99, 71, 1)

RGBA өнгөний утгыг ашиглан ил тод өнгө хийх боломжтой.

 

                [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-rgb-colors%2F&linkname=CSS%20RGB%20%D3%A8%D0%BD%D0%B3%D3%A9)[https://www.addtoany.com/share](https://www.addtoany.com/share)