와플앱 도구 안내
보색·배색 팔레트
- 보색·배색 팔레트는 색상이나 CSS 디자인 값을 만들고 미리보는 도구입니다.
- 색상, 크기, 그림자, 테두리, 그라데이션 같은 옵션을 입력해 시각 결과를 생성합니다.
- 미리보기와 코드 값을 확인해 웹 디자인이나 콘텐츠 제작에 활용할 수 있습니다.
보색·배색 팔레트
기준색을 중심으로 보색, 분할 보색, 유사색, 삼각 배색, 사각 배색을 계산해서 함께 쓰기 좋은 색 조합을 만듭니다.
배색 적용 미리보기
기준색과 보조색이 실제 UI에서 어느 정도 대비를 만드는지 확인합니다.
콘텐츠 카드
연한 배경 위에 강조색 버튼과 보조 배지를 함께 배치했습니다.
보색은 강한 대비가 필요할 때, 유사색은 차분한 화면이 필요할 때, 삼각/사각 배색은 여러 카테고리를 구분할 때 쓰기 좋습니다.