불투명도 틴트 생성기
색상에서 다양한 불투명도 변형으로 전체 틴트 팔레트를 생성합니다.
틴트 팔레트
50#f7f7fe복사
100#eff0fe복사
200#e0e0fc복사
300#d0d1fb복사
400#c1c2f9복사
500#b1b3f8복사
600#a1a3f7복사
700#9294f5복사
800#8285f4복사
900#7375f2복사
이 도구 소개
불투명도 틴트 생성기는 단일 기본 색상을 다양한 불투명도 수준으로 혼합하여 완전한 컬러 팔레트를 만드는 디자인 유틸리티입니다. 색상이 10%, 30%, 50% 등에서 어떻게 보이는지 수동으로 계산하는 대신, 이 도구는 전체 스펙트럼을 즉시 생성하여 일관된 사용자 인터페이스를 구축하는 디자이너와 개발자에게 완벽합니다.
도구는 선택한 색상을 가져와 설정된 불투명도 수준에서 변형을 생성함으로써 작동합니다. Tailwind의 표준 명명 규칙(50~900)을 사용하거나 간단한 백분율 단계(10%~100%)를 사용할 수 있습니다. 모든 색상 샘플을 16진 코드 또는 CSS rgba() 값으로 즉시 복사한 다음 스타일시트에 직접 붙여넣을 수 있습니다. 이는 버튼, 배경, 오버레이 및 단일 브랜드 색상에서 나오는 호버 상태를 디자인할 때 특히 유용합니다.
자주 묻는 질문
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.