🌓
CSS light-dark() Function Explयाer
Explयाe the CSS light-dark() function. Define light और dark colया pairs को create responsive theming के साथ a single CSS value.
CSS
color: light-dark(#ffffff, #1e293b);
Light Mode
background: #ffffff / color: #1e293b
Dark Mode
background: #1e293b / color: #ffffff
The light-dark() CSS function returns one of two values based on the current color-scheme. Requires color-scheme: light dark; on the element.
संबंधित उपकरण
🎨
Background Pattern जनरेटर
CSS / शैलियाँ
15.6k
👁️
CSS Backdrop फ़िल्टर करें पूर्वावलोकन
पूर्वावलोकन और लाइव रेंडर
12.8k
✂️
Clip Path जनरेटर
CSS / शैलियाँ
12.5k
🖨️
CMYK ↔ RGB कनवर्टर
रंग उपकरण
11.8k
🏷️
Badge जनरेटर
CSS / शैलियाँ
11.0k
🔲
Box Shadow जनरेटर
CSS / शैलियाँ
10.5k
👁️
CSS Colया Contrast Ratio Visualizer
पहुंच-योग्यता
10.0k
🌈
Analogous Colया जनरेटर
रंग उपकरण
10.0k
🎯
Colया Gamut जाँचकर्ता
रंग उपकरण
10.0k
🔄
CSS Modern RGB Syntax कनवर्टर
रंग उपकरण
10.0k
🖼️
रंग पैलेट को CSS फ़िल्टर करें
रंग उपकरण
10.0k
🔧
CSS ग्रेडिएंट को Image
रंग उपकरण
10.0k
🔧
HEX को Base64 Image
रंग उपकरण
10.0k
🔧
CSS Keyframe Anim Gen
कोड उपकरण
10.0k
🔬
PNG रंग पैलेट स्कैनर
रंग उपकरण
10.0k
💅
CSS Selectया Specificity विश्लेषक
कोड उपकरण
10.0k