🌓
CSS light-dark() Function Expl또는er
Expl또는e the CSS light-dark() function. Define light 및 dark col또는 pairs 으로 create 반응형 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 Containment 테스터
수학 및 계산
10.0k
🎨
CSS 그라디언트 생성기
코드 도구
10.0k
🎯
CSS col또는-contrast() 도구
접근성
10.0k
🎨
CSS col또는-mix() Experimenter
색상 도구
10.0k
💻
색상 팔레트 Theme 용 VS Code
코드 도구
10.0k
🎯
색상 팔레트 Radial 그라디언트 생성기
코드 도구
10.0k
🎨
CSS HWB Col또는 Picker
색상 도구
10.0k
🎨
Col또는 변환기 (HEX/RGB)
색상 도구
10.0k
🎨
CSS Col또는 Scheme 테스터
수학 및 계산
10.0k
⚙️
CSS Divider 생성기
생성기
10.0k