기술 Color Studio

색상을 선택하는 것이 어렵습니다. 대부분의 컬러 피커는 1600 만개의 색상을 제공하고 하나를 선택하도록 요청합니다. 실제로 많은 옵션이 차단 될 수 있습니다. 어떤 색깔이 당신의 필요에 맞는지 알 수있는 직관적 인 방법은 없습니다. 여러 가지 색상을 처리 할 때 이것은 더욱 어려워집니다. 이러한 색상이 디자인 사양을 따르고 일관된 테마를 형성 할 때 더욱 어렵습니다. 이 프로젝트는 이러한 문제를 해결하는 데 도움이되는 것을 목표로합니다.
이 앱을 사용하면 1 차, 배경 및 표면 3 색을 플레이 할 수 있습니다. 배경 및 표면을 사용하면 "자동"모드를 전환 할 수 있습니다 (기본적으로 앱을 열면 검색 가능성을 돕기 위해 배경이 있습니다). 자동 모드에서 배경은 [재료 디자인 권장 사항] (https://material.io/design/color/dark-theme.html#Properties) : 기본 색상의 8 % + # 121212의 8 %, 표면 색상에 관한
공식적인 권장 사항이 없으므로 배경을 얻고 HSLUV 색상 공간에 밝기의 5 %를 추가합니다. 배경이 밝기의 10 %가있는 경우 표면은 15 %를 보입니다.
웹 콘텐츠 접근성 가이드 라인 (WCAG)은 다음과 같은 대조를 권장합니다.
- 3.0 : 18PT보다 큰 텍스트의 최소값 또는 아이콘 (AA +).
- 4.5 : 1 18PT (AA)보다 작은 텍스트에 대한 최소값. 모든 고도에서 신체 텍스트의 경우 4.5 : 1 (AA)의 명암비를 추천합니다. 이 프로젝트는 기본 색상의 대조와 함께 가능한 모든 고도 변화를 보여줍니다.
이 프로젝트는 오픈 소스입니다.
https://github.com/bernaferrari/color-studio

더보기 접기

정보