Color Studio

Трудно выбрать цвета. Большинство сборщиков цветов дают вам 16 миллионов цветов и просят вас выбрать один. Фактически, так много вариантов, что ваше творчество может быть заблокировано. Не существует интуитивно понятного способа узнать, какие цвета будут соответствовать вашим потребностям. Это становится еще сложнее, когда вы имеете дело с несколькими цветами. Еще сложнее, когда вы хотите, чтобы эти цвета следовали спецификации проекта и составляли единую тему. Этот проект призван помочь решить эти проблемы.

Это приложение позволяет вам играть с 3 цветами: основной, фон и поверхность. Фон и поверхность позволяют переключать «автоматический» режим (по умолчанию, когда вы открываете приложение, оно включено для фона, чтобы помочь с возможностью обнаружения). В автоматическом режиме фон соответствует [Рекомендации по дизайну материала] (https://material.io/design/color/dark-theme.html#properties): 8% от основного цвета + # 121212.

Что касается цвета поверхности, официальных рекомендаций нет, поэтому он получает фон и добавляет 5% яркости в цветовое пространство HSLuv. Если фон имеет 10% яркости, то поверхность имеет 15%.

Руководство по доступности веб-контента (WCAG) рекомендует контраст:

- 3.0: 1 минимум для текстов больше 18pt или значков (AA +).

- 4,5: 1 минимум для текстов меньше 18pt (AA).

- минимум 7.0: 1, если это возможно, если возможно (AAA).

Material Design следует этому и рекомендует коэффициент контрастности 4,5: 1 (AA) для основного текста на всех уровнях. Этот проект показывает все возможные вариации высот с соответствующей контрастностью по отношению к основному цвету.

Этот проект с открытым исходным кодом:

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