Toolzy

Tailwind 셰이드 생성기

기준색을 Tailwind CSS처럼 50–900 셰이드 스케일로 바꾸세요.

50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861

기준색을 선택하고 Tailwind 설정에 바로 넣을 수 있는 전체 50~900 셰이드 스케일을 얻으세요. 각 스와치는 복사할 수 있습니다.

사용 방법

  1. 기준색을 선택하세요
  2. 50–900 셰이드 스케일을 확인하세요
  3. 원하는 셰이드의 헥스 코드를 복사하세요

자주 묻는 질문

셰이드는 어떻게 만들어지나요?
색상과 채도를 유지하고 각 단계를 목표 명도에 매핑합니다.
어떤 단계가 제 색과 일치하나요?
500–600 범위가 일반적인 기준색에 가장 가깝습니다.

관련 도구