와플앱 도구 안내
색상 명암 팔레트
- 색상 명암 팔레트는 색상이나 CSS 디자인 값을 만들고 미리보는 도구입니다.
- 색상, 크기, 그림자, 테두리, 그라데이션 같은 옵션을 입력해 시각 결과를 생성합니다.
- 미리보기와 코드 값을 확인해 웹 디자인이나 콘텐츠 제작에 활용할 수 있습니다.
색상 명암 팔레트
기준색을 흰색과 섞은 밝은 단계, 검은색과 섞은 어두운 단계를 만들어 배경·테두리·버튼에 쓸 색을 정리합니다.
밝은 색상 Tint
어두운 색상 Shade
명암 적용 미리보기
연한 tint는 배경, 진한 shade는 제목·버튼·상태 강조에 쓰기 좋습니다.
강조 카드
Primary Action
같은 색 계열만으로도 배경, 테두리, 버튼 상태를 구분할 수 있습니다.
Tint는 흰색과 섞은 색, Shade는 검은색과 섞은 색입니다. 입력값은 서버로 전송하지 않고 현재 브라우저에서 계산합니다.