색상 밝기 기준으로 상태 나타내기

이번에 리액트 네이티브 강의 들으면서 새로 배운 디자인 지식이 생겼다.

사실 알고는 있었지만 이러이러하게 하는게 좋다고 설명할 수 있지는 않았는데 이번에 정리가 됐다.

 

요하자면 컨트롤의 상태(선택, 비활성화, 일반 등)를 나타낼때 같은 색상 톤에서 밝기를 조절해서 상태를 나타내면 좋다는 점이다.

주로 일반(default) 상태는 500

비활성화(disable) 상태는 2-300

활성화(focus, click, selected) 상태는 7-800

으로 선택하면 된다고 한다.

Customizing Colors - Tailwind CSS