색상 음영 생성기

참고

틴트와 셰이드란?

색채 이론에서 틴트는 흰색을 혼합한 색상(더 밝아짐)이고, 셰이드는 검은색을 혼합한 색상(더 어두워짐)입니다. 함께 하면 단색 팔레트를 형성합니다 — 다양한 밝기 수준에서의 단일 색조 변형. 이 도구는 흰색에서 기본 색상을 거쳐 검은색까지 완전한 스케일을 생성하여 디자인과 개발에 바로 사용할 수 있는 색상 램프를 제공합니다.

색상 음영 활용 사례

디자인 시스템 — Tailwind CSS(50~950), Material Design 등 대부분의 현대 디자인 시스템 패턴을 따라 브랜드 색상의 9단계 또는 11단계 음영 스케일 생성. UI 컴포넌트 상태 — 배경과 호버 상태에는 밝은 틴트를, 주요 액션에는 기본 색상을, 텍스트·테두리·활성 상태에는 어두운 셰이드를 사용. 데이터 시각화 — 강도가 크기를 나타내는 단계 구분도, 히트맵, 차트에 밝음에서 어두움으로의 순차적 색상 스케일 생성. 접근성 — WCAG 대비율 요구사항(일반 텍스트 4.5:1, 큰 텍스트 3:1)을 충족하는 음영 쌍 찾기.

음영 생성 방식

음영은 흰색(#FFFFFF)에서 기본 색상을 거쳐 검은색(#000000)까지 RGB 공간에서 선형 보간하여 생성됩니다. N개의 음영에서 기본 색상은 스케일의 중간점에 나타납니다. 각 단계가 균등하게 혼합되어 일관된 밝기 진행을 제공합니다. 출력은 HEX, RGB, HSL 형식으로 사용 가능합니다 — 개별 값이나 전체 팔레트를 한 번에 복사하세요.

개인정보

모든 처리는 100% 브라우저에서 실행됩니다. 데이터는 서버로 전송되지 않습니다.