디자인
색상 음영 생성기
모든 색상의 틴트와 셰이드
고정 토큰 50–950. 50이 가장 밝고 950이 가장 어두우며, 500은 입력 색상과 정확히 같습니다.
UI 비율? 화면 비율 계산기 · 하모니: 색상 팔레트 생성기 · WCAG: 색상 대비 검사기.
색상 팔레트 만들기
고정된 지각 균등 50–950 디자인 시스템 척도 또는 사용자 지정 틴트/셰이드 단계를 생성한 뒤 CSS 사용자 지정 속성을 복사하거나 JSON을 다운로드하세요.
FAQ
틴트와 쉐이드란 무엇인가요?
틴트는 더 밝은 변형이고 셰이드는 더 어두운 변형입니다. 이 도구는 인코딩된 sRGB 채널을 보간하는 대신 지각 기반 OKLCH 명도와 채도를 조정합니다.
색상을 어떻게 복사하나요?
색상 견본을 클릭하면 HEX 값을 복사할 수 있습니다. “CSS 변수 복사” 또는 “JSON 다운로드”로 전체 스케일을 내보내세요.
이것은 어디에 유용한가요?
하나의 브랜드 색상으로 색상 팔레트와 디자인 시스템 스케일을 만들고 CSS 사용자 지정 속성 또는 Tailwind 스타일 token으로 내보낼 수 있습니다.
마지막 업데이트: