컬러 쉐이드 & 틴트 생성기
브라우저에서 임의의 16진수 색상으로 쉐이드와 틴트를 즉시 생성 — 업로드 없음.
임의의 기본 색상에서 쉐이드와 틴트 생성
16진수 색상을 입력하고 원하는 단계 수를 선택하세요. 이 도구는 두 가지 스케일을 생성합니다: 쉐이드는 기본 색상을 검정색 방향으로 혼합하고, 틴트는 흰색 방향으로 혼합합니다. 스워치를 클릭하면 16진수 값을 복사할 수 있습니다. 스케일은 균등하게 분포되어 디자인 시스템, CSS 사용자 정의 속성 또는 Tailwind 팔레트 정의에 적합한 부드럽고 예측 가능한 램프를 형성합니다.
각 스워치는 호버 시 16진수 값을 표시합니다. 기본 색상은 두 스케일 사이에 나타나므로 전체 범위를 한눈에 볼 수 있습니다. 모든 것은 클라이언트 측에서 계산됩니다 — 업로드 없음.
자주 묻는 질문
쉐이드와 틴트의 차이점은 무엇인가요? 쉐이드는 색상을 검정색과 혼합(어둡게)하고, 틴트는 흰색과 혼합(밝게)합니다. 함께 완전한 명도 스케일을 만듭니다.
Tailwind에서 출력을 사용할 수 있나요? 예. 틴트를 밝은 키에, 쉐이드를 어두운 키에 할당하여 16진수 값을 Tailwind 색상 키(50~950)에 매핑하세요.