Color Studio

色を選ぶのは難しいです。このアプリは、一貫した暗いテーマを構築するのに役立ちます。

色を選ぶのは難しいです。ほとんどのカラーピッカーは、1600万色を提供し、そのうちの1つを選択するように求めます。実際、あなたの創造性が妨げられるほど多くのオプションがあります。どの色があなたのニーズに合うかを知る直観的な方法はありません。複数の色を扱う場合、これはさらに難しくなります。これらの色を設計仕様に従って、一貫したテーマを形成したい場合はさらに難しくなります。このプロジェクトは、これらの問題を解決することを目的としています。

このアプリでは、プライマリ、背景、および表面の3色で遊ぶことができます。 Background and Surfaceを使用すると、「自動」モードを切り替えることができます（デフォルトでは、アプリを開くと、背景がオンになり、発見しやすくなります）。自動モードでは、背景は[Material Designの推奨事項]（https://material.io/design/color/dark-theme.html#properties）に従います：原色の8％+＃121212。

Surfaceの色に関しては、公式の推奨事項がないため、背景を取得し、HSLuv色空間に5％の明るさを追加します。背景の明るさが10％の場合、表面は15％です。

Web Content Accessibility Guidelines（WCAG）は、以下の対照を推奨しています。

-18ptを超えるテキストまたはアイコン（AA +）の場合、最低3.0：1。

-18pt（AA）より小さいテキストの場合、最小4.5：1。

-可能な場合は7.0：1以上、可能であれば（AAA）。

マテリアルデザインはそれに従い、すべての標高で本文のコントラスト比4.5：1（AA）を推奨しています。このプロジェクトでは、すべての可能な標高のバリエーションを、原色とそれぞれのコントラストで示しています。

このプロジェクトはオープンソースです：

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