음영 생성 방식

생성기는 원본 색상을 흰색과 혼합해 밝은 단계를 만들고 검은색과 혼합해 어두운 단계를 만듭니다. 색상 방향은 유지하지만 모든 음영이 같은 인지 밝기를 가진다고 가정하지 않으므로 실제 사용할 환경에서 결과를 확인하세요.

대비는 참고 정보

각 색상 견본은 WCAG 상대 휘도 공식을 사용해 흰색과 검은색에 대한 대비를 표시합니다. 일반 텍스트는 4.5:1, 큰 텍스트는 3:1이 흔히 쓰이는 최소값입니다. 실제 글꼴 크기, 굵기, 배경, 주변 색상을 인터페이스에서 확인하세요.

파싱, 음영 생성, 복사, CSS 다운로드는 브라우저에서 로컬로 이루어집니다. 다운로드 파일은 :root 아래에 사용자 지정 속성을 포함하며 입력값을 다른 곳에 포함하지 않습니다.

자주 묻는 질문

어떤 색상 형식을 사용할 수 있나요?

6자리 또는 3자리 HEX, rgb(96, 120, 75) 및 rgb(96 120 75) 같은 RGB 값을 사용할 수 있습니다. RGB 구성 요소의 백분율도 파서가 허용합니다.

음영이 접근성을 보장하나요?

아니요. 대비는 텍스트, 크기, 굵기, 주변 배경에 따라 달라집니다. 비율은 유용한 출발점이지 접근성 승인이 아닙니다.

색상이 업로드되나요?

아니요. 계산과 내보내기는 모두 브라우저에서 수행됩니다.