సిఎస్ఎస్ రంగులు

రంగులను నిర్దేశించడం, ప్రిడఫైన్డ్ రంగు పేర్లతో లేదా RGB, HEX, HSL, RGBA, HSLA విలువలతో జరుగుతుంది.

CSS రంగు పేర్లు

సిఎస్ఎస్ లో, రంగులను రంగు పేర్లతో నిర్దేశించవచ్చు:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
లైట్ గ్రే

亲自试一试

CSS/HTML మద్దతు 140 ప్రమాణపరమైన రంగు పేర్లు。

CSS బ్యాక్‌గ్రౌండ్ కలరు

మీరు HTML అంశానికి బ్యాక్‌గ్రౌండ్ కలరును అమర్చవచ్చు:

Welcome to China
China is a great country!

ఉదాహరణ

<h1 style="background-color:DodgerBlue;">China</h1>
<p style="background-color:Tomato;">China is a great country!</p>

亲自试一试

CSS పాఠం రంగు

మీరు పాఠం రంగును అమర్చవచ్చు:

China

China is a great country!

China, officially the People's Republic of China, is a country in East Asia.

ఉదాహరణ

<h1 style="color:Tomato;">China</h1>
<p style="color:DodgerBlue;">China is a great country!</p>
<p style="color:MediumSeaGreen;">China, officially the People's Republic of China...</p>

亲自试一试

సిఎస్ఎస్ బోర్డర్ రంగు

మీరు కింది రంగును అమర్చవచ్చు:

హలో వరల్డ్
హలో వరల్డ్
హలో వరల్డ్

ఉదాహరణ

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

亲自试一试

CSS కలర్ విలువలు

CSS లో, RGB విలువలు, HEX విలువలు, HSL విలువలు, RGBA విలువలు లేదా HSLA విలువలను రంగును నిర్దేశించడానికి ఉపయోగించవచ్చు:

రంగు పేరు "Tomato" తో సమానం:

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

రంగు పేరు "Tomato" తో సమానం, కానీ పారదర్శకత 50% ఉంది:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
<h3>ఉదాహరణ</h3> 
<h1 style="background-color:rgb(255, 99, 71);">...</h1>

...


...


...


...

亲自试一试

了解有关颜色值的更多信息

在下一章中，您将学习有关 RGB、HEX 和 HSL 的更多知识。