# रंग और यूनिट्स — सीएसएस

Source: https://www.geekswithgeeks.com/hi/css/css-colors-units

> रंग फॉर्मेट, और एब्सोल्यूट व रिलेटिव आकार में अंतर।

## रंग फॉर्मेट

`#rrggbb` हेक्स, `rgb(r, g, b)`, पारदर्शिता सहित `rgba(r, g, b, a)`, और `hsl(hue, sat%, light%)` — शेड बदलने के लिए hsl अक्सर सबसे सहज होता है।

## रंग साथ-साथ

चारों नीले रंग की एक ही शेड बताते हैं।

```css
.a { color: #264de4; }
.b { color: rgb(38, 77, 228); }
.c { color: rgba(38, 77, 228, 0.8); }
.d { color: hsl(226, 79%, 52%); }
```

## एब्सोल्यूट बनाम रिलेटिव यूनिट

`px` एब्सोल्यूट है — तय आकार। `em` पेरेंट के फ़ॉन्ट साइज़ के सापेक्ष है (नेस्टेड होने पर जुड़ता जाता है)। `rem` **रूट** फ़ॉन्ट साइज़ के सापेक्ष है (अनुमानित)। `%`, `vw`, `vh` कंटेनर या व्यूपोर्ट के सापेक्ष हैं।

## टेक्स्ट के लिए rem प्राथमिकता दें

जब उपयोगकर्ता अपने ब्राउज़र का डिफ़ॉल्ट फ़ॉन्ट साइज़ बदलता है, तो `rem` आकार सही ढंग से स्केल होते हैं — तय `px` से बेहतर एक्सेसिबिलिटी।