콘텐츠로 건너뛰기
디자인 및 색상

색조 및 음영 생성기

기본 색상을 흰색과 검정색으로 혼합하여 색조와 음영을 생성합니다. 호버 상태, 테두리, 배경 및 디자인 토큰에 유용합니다.

4분 읽음2026-11-04 업데이트됨

주요 사실

범주
디자인 및 색상
가격
무료
계정
필요하지 않음
처리
브라우저에서
입력
로컬 파일 또는 붙여넣은 데이터
플랫폼
최신 데스크톱 및 모바일 브라우저

기능

기본 색상을 흰색과 검정색으로 혼합하여 색조와 음영을 생성합니다. 호버 상태, 테두리, 배경 및 디자인 토큰에 유용합니다.

기본 색상에서 5가지 색조와 5가지 색조를 만듭니다.

사용방법

다음은 색조 및 음영 생성기 사용의 짧은 버전입니다.

  • 기본 색상을 선택하세요 — 모든 hex 값이 작동합니다.
  • 규모를 검토 — 색조가 더 가벼워집니다. 그늘이 어두워집니다.
  • hex 값을 복사합니다. — 팔레트나 CSS 변수에 추가하세요.

중요한 기능

색조 및 음영 생성기이(가) 잘하는 일.

  • 기기에서 아무것도 남지 않습니다. — 작업은 브라우저 탭에서 이루어집니다. 이 앱에는 업로드 엔드포인트가 없으므로 귀하의 파일과 텍스트는 저장, 기록 또는 볼 수 없습니다.
  • 업로드가 없습니다. — 서버 왕복을 완전히 건너뜁니다. 결과는 네트워크 속도나 대기열 크기가 아닌 자체 CPU에 따라 제한됩니다.
  • 무료, 계정 없음, 할당량 없음 — 가입 장벽도 없고, 워터마크도 없고, 일일 한도도 없습니다. 선택적 계정은 여러 장치에 걸쳐 즐겨찾기와 사전 설정을 저장하기 위해서만 존재합니다.

자주 묻는 질문

내 색상을 여기에 사용해도 안전한가요?

예. 이 도구는 JavaScript를 사용하여 브라우저에서 완전히 실행됩니다. 붙여넣거나 연 내용은 서버로 전송되지 않으며, 페이지를 닫은 후에도 페이지에는 사본이 보관되지 않습니다.

계정을 만들어야 하나요?

아니요. 로그인하지 않고도 모든 도구를 완전히 사용할 수 있습니다. 계정은 저장된 즐겨찾기와 재사용 가능한 사전 설정만 추가합니다.

전화에서 작동합니까?

예. 인터페이스는 큰 터치 대상과 스택형 레이아웃을 갖춘 모바일 우선이므로 데스크톱은 물론 휴대폰, 태블릿에서도 작동합니다.

틴트와 쉐이드의 차이점은 무엇인가요?

색조는 색상을 흰색과 혼합합니다. 쉐이드가 블랙과 혼합되어 있습니다. 둘 다 다른 방식으로 채도를 줄입니다.

팔레트에는 몇 단계가 있어야 합니까?

색상당 5~10단계가 일반적입니다. 텍스트와 배경에 사용하는 단계의 대비가 충분한지 확인하세요.

색조 및 음영 생성기 열기

지금 사용해 보세요. 브라우저에서 실행되며 계정이 필요하지 않습니다.

도구 열기