프로젝트에서 색상 관리는 어떻게 하시나요?

Question

프론트인데 어쩌다 보니 디자인도 살짝 걸쳐서 보고 있습니다.

styled-component에서 DefaultTheme { color : { red :  ~~ ; blue : ~~; } , ...} 을 통해 관리하려고 하는데요, 네이밍이 고민됩니다..

밝은 순서부터 어두운 순으로 red-0, red-1 이런 식으로 정하려고 했는데 같은 계열의 색이 추가될 때마다 계속 나머지 값들도 수정해줘야 하는 것 같아서요.

혹시 색상 관리 방법에 대한 노하우가 있을까요?

김익현 · Answer

안녕하세요~😄

보통은 Blue_100~900

이런식으로 9가지로 분류를 해놓긴 한것 같아요~

더필요하다고 하면 50단위로 더 세부적으로 나눠 놓으면 좋을것 같습니다~

성원 · Answer

안녕하세요! 저는 유명한 UI 라이브러리를 많이 참고하는데요 특히 Chakra UI에서 theme을 정의한 부분을 많이 참고했습니다. 
(https://chakra-ui.com/docs/styled-system/theme)

Chakra UI도 익현님이 대답해주신 것 처럼 색상 + 숫자로 분류합니다.