> For the complete documentation index, see [llms.txt](https://toktokhan.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://toktokhan.gitbook.io/docs/basic-guides/foundation/2.-colors/semantic-tokens/color-setting.md).

# Color Setting

Next.init에서는 Semantic token으로 color를 사용하고 있습니다. 

똑똑한 개발자 디자인 시스템에 의해 설정되어있는 기본 컬러 값들을 제외하고 Primary, Secondary에 대한 헥스 코드(Hex Color Code)만 프로젝트 컬러에 맞게 설정해주면 됩니다. 

<mark style="color:green;"><mark style="color:orange;">getColorSchema 함수에 Target Color를 인자로 전달하면 해당 컬러를 기준으로 \[50,100,200,300,400,500,600,700,800,900] Key 값을 가지는 Color schema 형태로 반환됩니다.<mark style="color:orange;"></mark>&#x20;

디자인에 따라 생성된 Color가 다를시에는 정적으로 핵스코드(Hex Color Code)를 넣어주세요. (Pro Tips - Case 1)