UI 색상 시스템은 단일 시드 색상으로 구성된 색상 변형 세트입니다. 디자인 토큰, 버튼, 배경 및 텍스트 색상에 대해 일관된 명암 비율을 제공합니다.
시드 색상을 선택하고 스타일(Tailwind 또는 Material)을 선택하세요. 이 도구는 밝은 색상(50)에서 어두운 색상(900)까지 완전한 10단계 팔레트를 생성하므로 디자인 시스템에 적합합니다.
Frequently Asked Questions
Q: 디자인 토큰이란 무엇입니까?
디자인 토큰이란 무엇입니까? 디자인 토큰은 디자인 시스템 전체에서 일관되게 사용되는 색상과 같은 디자인 속성을 저장하는 명명된 값입니다.
Q: 왜 10가지 쉐이드가 필요한가요?
왜 10가지 쉐이드가 필요한가요? UI 요소마다 다른 대비 수준이 필요합니다. 10단계 스케일은 배경, 테두리, 호버 상태 및 텍스트에 유연성을 제공합니다.
Q: 디자인 토큰 팔레트란 무엇인가요?
디자인 토큰 팔레트란 무엇인가요? 디자인 토큰 팔레트는 단일 브랜드 색상에서 생성된 체계적인 색상 변수(기본, 보조, 표면, 텍스트) 세트입니다. 전체 UI에서 일관성을 보장합니다.
Q: Tailwind가 아닌 다른 디자인 시스템으로 내보낼 수 있나요?
Tailwind가 아닌 다른 디자인 시스템으로 내보낼 수 있나요? 예, 도구는 CSS 맞춤 속성, SCSS 변수, Tailwind 구성 형식으로 내보냅니다. 스택과 일치하는 형식을 복사합니다.
Q: 이 도구로 다크 모드를 어떻게 처리합니까?
이 도구로 다크 모드를 어떻게 처리합니까? 먼저 조명 모드 팔레트를 생성한 다음 어두운 모드에 대해 채도 및 밝기 값을 줄인 동일한 시드 색상을 사용합니다. 많은 디자인 시스템은 표면과 텍스트 색상을 반전시킵니다.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.