토프

토프 기본 정보

토프의 명암: 밝은 톤과 어두운 톤

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

토프의 색상 조화

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

토프 컬러 팔레트

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

토프 위 글자색 대비

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

CSS 코드

복사:root {
  --taupe: #483C32;
  --taupe-rgb: 72, 60, 50;
}
.bg { background-color: var(--taupe); }
.text { color: var(--taupe); }

토프에 가까운 색

이 색이 들어간 테마별 팔레트

다른 회색 계열 색