색상 셰이드 생성기
기준 색상에서 밝은 톤과 어두운 톤의 HEX 팔레트를 생성합니다. 디자인 시스템의 색 단계를 만들 때 유용하며 모든 처리는 브라우저에서만 이루어집니다.
입력
결과
자주 묻는 질문
셰이드는 어떻게 만들어지나요?
기준색을 흰색과 혼합해 밝은 톤(tint)을, 검정과 혼합해 어두운 톤(shade)을 균등한 비율로 만듭니다.
몇 단계까지 만들 수 있나요?
밝은 톤과 어두운 톤 각각 1~9단계, 기준색 포함 최대 19개 색상을 만듭니다.
선택한 색상이 서버로 전송되나요?
아니요. 모든 생성은 브라우저 안에서만 이루어집니다.
관련 도구
색상 변환기
HEX, RGB, HSL 색상 코드를 상호 변환하고 미리보기로 확인합니다.
CSS 압축기
CSS에서 주석과 불필요한 공백을 제거해 파일 크기를 줄입니다. 문자열 값은 보존하며 모든 처리는 브라우저에서만 이루어집니다.
이미지 색조 입히기
이미지에 원하는 색상의 색조를 입힙니다. 강도를 조절할 수 있고 모든 처리는 브라우저에서만 이루어져 이미지가 서버로 전송되지 않습니다.
CSS 단위 변환기
px·rem·em·pt·% 를 기준 폰트 크기에 맞춰 상호 변환합니다. 반응형 타이포그래피 작업에 유용하며 모든 계산은 브라우저에서만 이루어집니다.