Tint/Shade 생성기 — 색상·디자인 계산기

색상

Tint/Shade 생성기는 HEX 색상의 밝은 tint와 어두운 shade 값을 생성하는 브라우저 기반 디자인 유틸리티입니다.

개념 설명

Tint/Shade 생성기는 색상 코드, CSS 값, 레이아웃 비율처럼 디자인 작업에서 반복적으로 계산하는 값을 빠르게 확인하는 도구입니다. 입력값은 서버 전송 없이 브라우저에서 처리됩니다.

tint = mix(color, white), shade = mix(color, black)

사용법

  1. 1입력 형식에 맞게 값을 입력합니다.
  2. 2계산 버튼을 누릅니다.
  3. 3결과와 CSS 값을 확인합니다.

참조표

Tint/Shade 생성기 — 색상·디자인 계산기 참조표
입력결과
sampleHEX 색상의 밝은 tint와 어두운 shade 값을 생성하는

출처/기준

자주 묻는 질문

Tint/Shade 생성기 입력값은 서버로 전송되나요?

아니요. 이 도구는 브라우저에서 처리하며 입력값을 서버로 보내지 않습니다.

Tint/Shade 생성기 결과를 CSS에 바로 써도 되나요?

출력 형식이 CSS 값인 경우 그대로 복사해 사용할 수 있습니다. 프로젝트 토큰 정책이 있다면 토큰으로 치환하세요.

관련 도구