Color Studio

색상을 선택하기가 어렵습니다. 대부분의 색상 선택기는 1600 만 색상을 제공하고 하나를 선택하도록 요청합니다. 사실, 당신의 창의력이 차단 될 수있는 많은 옵션이 있습니다. 귀하의 요구에 맞는 색상을 직관적으로 알 수있는 방법은 없습니다. 여러 색상을 다룰 때 더욱 어려워집니다. 이러한 색상이 디자인 사양을 따르고 일관된 테마를 형성하려는 경우 더욱 어려워집니다. 이 프로젝트는 이러한 문제를 해결하는 데 도움이됩니다.

이 응용 프로그램은 기본, 배경 및 표면 : ​​3 가지 색상으로 재생할 수 있습니다. 백그라운드 및 표면을 사용하면 "자동"모드를 전환 할 수 있습니다 (기본적으로 앱을 열면 백그라운드가 켜져있어 검색 가능성을 높일 수 있음). 자동 모드에서 Background는 [Material Design recommendation] (https://material.io/design/color/dark-theme.html#properties) : 기본 색상의 8 % + # 121212를 따릅니다.

표면 색상에 대해서는 공식 권장 사항이 없으므로 배경을 얻고 HSLuv 색상 공간에서 5 %의 밝기를 추가합니다. 배경의 밝기가 10 %이면 Surface의 비율은 15 %입니다.

WCAG (Web Content Accessibility Guidelines)는 다음과 같은 대조를 권장합니다.

-18pt보다 큰 텍스트 또는 아이콘 (AA +)의 경우 최소 3.0 : 1

-18pt (AA)보다 작은 텍스트의 경우 4.5 : 1 이상.

-가능하면 최소 7.0 : 1 (AAA)

머티리얼 디자인은이를 따르며 모든 고도에서 본문 텍스트에 대해 4.5 : 1 (AA)의 명암비를 권장합니다. 이 프로젝트는 가능한 모든 고도 변화를 기본 색상과 대비하여 보여줍니다.

이 프로젝트는 오픈 소스입니다.

https://github.com/bernaferrari/color-studio