Tailwind 팔레트 생성기 – 11단계 스케일
단일 기본 색으로 50부터 950까지의 11단계 Tailwind 스타일 색상 스케일을 생성하세요. 팔레트는 Tailwind v3이 사용하는 지각적으로 균일한 색공간 OKLch에서 명도를 올립니다. 생성된 음영을 확인하고, 값을 클릭해 복사하거나, 포함된 바로 붙여넣을 수 있는 Tailwind 설정 조각을 사용하세요. 생성 전에 가능한 옵션을 설정하세요.
Tailwind 팔레트 생성기는 단일 기본 색에서 11단계 Tailwind 스타일 색상 스케일을 만듭니다. 50, 100부터 950까지 번호가 매겨진 음영을 생성해 각 값을 손으로 만드는 대신 조화로운 팔레트를 구축하기 쉽게 합니다. 각 음영은 클릭 한 번으로 복사되며, 도구는 바로 붙여넣을 수 있는 Tailwind 설정 조각을 포함합니다.
생성기는 Tailwind v3이 사용하는 지각적으로 균일한 색공간 OKLch에서 명도를 올려 스케일을 만듭니다. 가능한 옵션을 설정하고, 기본 색을 제공한 뒤 팔레트를 생성해 결과 음영을 확인하세요. 개별 값을 복사하거나 포함된 설정 조각을 사용할 수 있습니다.
팔레트는 관련된 색상 값의 순서이고, Tailwind 설정 조각은 생성된 팔레트를 Tailwind 프로젝트에서 편리하게 사용하는 방법입니다. 하나의 기본 색에서 음영을 만들면 인터페이스나 프로젝트 데이터용으로 일관된 밝고 어두운 값 범위를 정하는 데 도움이 됩니다. 50–950 번호 체계로 스케일 작업 시 단계를 식별하기 쉽습니다.
도구는 브라우저에서 완전히 동작하며, 입력은 서버로 전송되지 않고 사용자의 기기에서 처리됩니다. 서버 의존성이 없어 페이지가 로드된 후에는 오프라인에서도 계속 동작합니다. Tailwind 팔레트 생성기는 무료로 사용할 수 있으며, 개발자, 디자이너, DevOps 엔지니어가 완전한 색상 스케일을 빠르게 만들고 복사하는 데 도움이 됩니다.
1단계: 팔레트의 시작이 될 단일 기본 색을 제공하세요. 생성기가 이를 사용해 전체 11단계 스케일을 만듭니다.
2단계: 생성하기 전에 가능한 옵션을 설정하세요. 도구의 옵션을 확인할 수 있습니다.
3단계: 팔레트를 생성하고 50부터 950까지 번호가 매겨진 음영을 확인하세요.
4단계: 음영을 클릭해 값을 복사하거나, 포함된 바로 붙여넣을 수 있는 Tailwind 설정 조각을 복사하세요.
사용 사례: 디자인 시스템용으로 하나의 기본 색에서 Tailwind 스타일 음영 전체를 만드세요.
사용 사례: 각 음영을 손으로 입력하지 않고 테스트·픽스처·시드 데이터용 색상 값을 준비하세요.
사용 사례: 값을 하나씩 지어내는 대신 50–950 스케일 전체를 한 번에 생성하세요.
사용 사례: 프로젝트용 팔레트를 만들고 필요에 따라 개별 음영 값을 복사하세요.
사용 사례: 포함된 설정 조각을 사용해 생성된 팔레트를 Tailwind 설정으로 가져오세요.
사용 사례: OKLch 기반 스케일로 팔레트 전반의 명도 변화를 살펴보세요.