회색

회색 기본 정보

회색의 명암: 밝은 톤과 어두운 톤

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

회색에 어울리는 색

회색의 색상 조화

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

회색 컬러 팔레트

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

회색 위 글자색 대비

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

CSS 코드

복사:root {
  --gray: #808080;
  --gray-rgb: 128, 128, 128;
}
.bg { background-color: var(--gray); }
.text { color: var(--gray); }

회색에 가까운 색

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

다른 회색 계열 색