Have a question?
Message sent Close
View Categories

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 өнгөний утгыг ашиглан ил тод өнгө хийх боломжтой.

 

Powered by BetterDocs

Leave a Reply