메인 컬러 하나로 UI 컬러팔레트 만들기

메인 컬러 하나를 정해 놓은 게 있다면

그걸 가지고 라이트/다크 테마 UI 컬러팔레트를 아주 잘 뽑아준다.

 

 

민트 컬러가 좋아서 민트색 하나를 가지고 입력했더니 위와 같이 컬러팔레트를 만들어줬다.

 

아래의 UI 는 활용 예시다.

hover, focus, active, checked 등등 상호작용 효과 예시도 확인 가능

 

같은 색으로 다크모드로도 만들어봤다.

 

https://www.radix-ui.com/colors/custom

https://www.radix-ui.com/colors/custom