CSS RGB Өнгө

< 1 min read

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

RGB Утга #

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

rgb(red, greenblue)

Параметр бүр (улаан, ногоон, цэнхэр) нь 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, greenblue, 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