색상 음영 생성기

색상 음영 생성기 소개

색조 생성기(Color Shades Generator)는 하나의 색상을 완전한 틴트와 셰이드 범위로 확장합니다. 기본 색상을 입력하면 한쪽에는 점점 밝아지는 틴트를, 다른 쪽에는 점점 어두워지는 셰이드를 생성합니다. 현대 디자인 시스템에서 쓰이는 전형적인 50~900 스타일 램프입니다.

두 가지 설정이 결과물의 모양을 결정합니다. 단계 비율은 각 색조가 얼마나 밝아지거나 어두워지는지(단계당 1~25%)를 정하고, 개수는 기본 색상 양쪽에 각각 몇 개의 틴트와 셰이드가 나타날지(최대 10개)를 정합니다. 그라디언트 스트립이 전체 램프를 한눈에 미리 보여줍니다.

생성은 입력하는 즉시 브라우저에서 이루어지며 서버로 전송되는 것은 없습니다. 개별 값, 전체 목록, 또는 디자인 토큰 파일이나 Tailwind 스타일 색상 스케일에 바로 넣을 수 있는 CSS 변수 형태로 전체 램프를 복사하세요.

색상 음영 생성기 사용 방법

1. 피커로 기본 색상을 선택하거나 값을 입력하세요. 영감을 얻으려면 "무작위 색상"을 클릭하세요.
2. 단계 비율을 설정해 각 색조가 얼마나 강하게 밝아지거나 어두워질지 조절하세요.
3. 색조 개수를 선택해 양쪽에 몇 개의 틴트와 셰이드가 나타날지 정하세요.
4. 스와치를 클릭해 복사하거나 "전체 복사"와 "CSS 변수 복사"로 전체 램프를 복사하세요.

자주 묻는 질문