어떤 색상 형식으로 시작할 수 있나요?
#4f46e5 같은 HEX 색상을 사용하세요. 세 글자 HEX 값은 자동으로 정규화됩니다.
하나의 색상에서 팔레트, 음영, 디자인 토큰 생성
색상 팔레트 생성기를 사용하면 하나의 시드 색상을 웹사이트, 앱, 대시보드, 브랜드 초안, 디자인 시스템에 사용할 실용적인 팔레트로 바꿀 수 있습니다. 조화 모드를 선택하고, 색상 수를 조정하고, 각 견본의 읽기 쉬운 텍스트 색상을 확인한 뒤 프로덕션에 바로 쓸 수 있는 내보내기를 복사하세요.
이 도구는 브라우저에서 실행되며 HEX 팔레트, 50-900 음영 단계, CSS 사용자 지정 속성, Tailwind 색상 객체, 전달 또는 문서화용 JSON을 출력합니다.
유용한 경우
- 하나의 브랜드 색상으로 랜딩 페이지나 제품 색상 시스템을 빠르게 만들 때.
- 버튼, 배경, 테두리, 차트, 상태에 사용할 음영 단계를 만들 때.
- 팔레트를 직접 포맷하지 않고 CSS 변수나 Tailwind 색상을 복사할 때.
- 생성된 각 견본에서 검은색 또는 흰색 텍스트 중 무엇이 더 읽기 쉬운지 확인할 때.
도구를 불러오는 중...
색상 팔레트 생성기 FAQ
어떤 내보내기가 포함되나요?
복사 가능한 HEX 색상, CSS 변수, Tailwind 스타일 색상 설정, JSON을 생성합니다.
생성된 색상은 접근성을 확인하나요?
각 견본에 더 나은 검은색 또는 흰색 텍스트 색상과 대비율이 표시되어 읽기 쉬운 조합을 빠르게 찾을 수 있습니다.
