CSS Өнгө

CSS-д өнгийг хэд хэдэн өөр форматаар тодорхойлж болно.

Өнгөний нэрээр: red, blue, green, tomato, dodgerblue г.м (140 гаруй стандарт нэр бий).
HEX код: #FF0000 (улаан), #00FF00 (ногоон), #0000FF (цэнхэр) — 6 оронтой 16-тын тоолол.
RGB утга: rgb(red, green, blue) — 0-ээс 255 хүртэлх тоо, жишээ нь rgb(255, 99, 71).
RGBA (тунгалагтай өнгө): rgba(255, 99, 71, 0.5) — сүүлчийн 0.5 нь 50% тунгалаг байдлыг заана (0 = тунгалаг, 1 = тодорхой).

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    color: #2563eb; /* Текстийн өнгө */
    background-color: rgba(37, 99, 235, 0.1); /* Дэвсгэр өнгө */
}
p { color: tomato; }
</style>
</head>
<body>
<h1>HEX болон RGBA өнгө</h1>
<p>RGB нэрээр өгсөн улбар шар өнгөтэй параграф.</p>
</body>
</html>

Туршиж үзэх »