Eva Design System |配色 도구 78

Eva Design System은 딥러닝 알고리즘 기반의配色(배색) 웹사이트입니다. 제품이나 브랜드에 체계적인 컬러 스킴을 생성하는 데 적합합니다. 우측 상단에서 라이트 모드와 다크 모드의 대비를 전환할 수 있습니다. Eva Design System은 메인 컬러에 대해 관련 배색을 제공하며, 메인 색상을 기반으로 Success(성공), Info(정보), Warning(경고), Danger(위험) 네 가지 정보 색상 등 사용 가능한 네 가지 파생 색상을 자동으로 계산하여 생성해 줍니다. 이 네 가지 색상 모두 메인 컬러와 매우 잘 어우러지며, 메인 색상과 파생 색상은 모두 색상을 더 진하게 또는 더 옅게 조정할 수도 있습니다.

Eva Design System 사용법:

1. Eva Design System을 열고, 웹페이지의 "Brand Color" 아래 Primary에 메인 컬러를 입력합니다. 예를 들어 디자인하려는 브랜드 색상이나 로고 등을 입력하면, 입력 완료 후 자동으로 네 가지 파생 색상이 생성됩니다.

2. 색상 팔레트를 통해 메인 컬러 또는 나머지 네 가지 파생 색상을 실시간으로 조정할 수 있으며, 새로 고침을 통해 새로운 색상 조합을 얻을 수 있습니다. 특정 색상을 유지하고 싶다면 옆의 "자물쇠" 아이콘을 클릭하면, 다른 색상을 다시 조정할 때 해당 항목의 색상은 변하지 않습니다.

3. 조정을 완료한 후 "EXPORT"를 클릭하여 JPEG, JSON 이미지 또는 Nebular, UI Kitten CSS로 내보낼 수 있습니다.