톤과 쉐이드 생성기

어떤 색상의 밝은 톤과 어두운 쉐이드를 HEX 코드와 함께 자동으로 생성합니다.

🔒 100% 비공개 ⚡ 파일 업로드 없음 🆓 무료, 제한 없음

색상의 톤과 음영을 생성하는 방법

1

기본 색상 선택

시각적 선택기로 시작 색상을 선택하거나 HEX 코드를 입력하세요.

2

톤과 음영 확인

색상으로부터 생성된 5개의 밝은 톤(틴트)과 5개의 어두운 톤(음영)이 자동으로 표시됩니다.

3

필요한 HEX 코드 복사하기

색상 견본을 클릭하면 HEX 코드가 클립보드에 복사됩니다.

톤 및 음영 생성기 자주 묻는 질문

색상의 밝은 변형과 어두운 변형을 보유하는 것은 일관된 디자인 팔레트를 만드는 데 필수적입니다(예: 호버 상태, 배경 또는 테두리). 이 도구는 자동으로 계산합니다.

톤(tint)과 음영(shade)의 차이점은 무엇인가요?

+

톤은 색상에 흰색을 섞어서(밝게) 만들어지고, 음영은 검은색을 섞어서(어둡게) 만들어집니다.

몇 가지 변형을 생성하나요?

+

기본 색상에서 더 밝은 톤 5개와 더 어두운 음영 5개, 총 10개를 생성합니다.

코드를 복사할 수 있나요?

+

네, 목록의 아무 색상이나 클릭하면 HEX 코드가 복사됩니다.

Tailwind 같은 디자인 팔레트를 만드는 데 사용할 수 있나요?

+

네, 많은 디자인 시스템에서 사용하는 50-900 색상 스케일과 정확히 같은 개념입니다.

무료인가요?

+

네, 이 도구는 완전히 무료입니다.

내 색상이 어떤 서버에 업로드되나요?

+

아니요, 모든 계산은 당신의 브라우저에서 직접 수행됩니다.

색상 패밀리별로 탐색

469개 이상의 명명된 색상(HEX, RGB, HSL, CMYK 코드 포함)을 12개의 색조 패밀리로 정렬하여 확인하세요.

빨간색 50 주황색 45 갈색 40 노란색 40 녹색 55 터키석색 35 파란색 55 보라색 45 분홍색 45 회색 35 흰색 15 검은색 9 파스텔 36