Color Studio

È difficile scegliere i colori. Questa app ti aiuta a creare un tema scuro coerente.

È difficile scegliere i colori. La maggior parte dei raccoglitori di colori ti danno 16 milioni di colori e ti chiedono di sceglierne uno. Tante opzioni, infatti, che la tua creatività potrebbe essere bloccata. Non esiste un modo intuitivo per sapere quali colori si adattano alle tue esigenze. Questo diventa ancora più difficile quando hai a che fare con più colori. Ancora più difficile quando vuoi che questi colori seguano una specifica di progetto e formino un tema coerente. Questo progetto ha lo scopo di aiutare a risolvere questi problemi.

Questa app ti permette di giocare con 3 colori: Primario, Sfondo e Superficie. Background e Surface ti consentono di attivare la modalità "auto" (per impostazione predefinita, quando apri l'app, questa è attiva per lo sfondo, per aiutare con la rilevabilità). In modalità automatica, Background segue la [Raccomandazione sul design del materiale] (https://material.io/design/color/dark-theme.html#properties): 8% di colore primario + # 121212.

Per quanto riguarda il colore di superficie, non esiste una raccomandazione ufficiale, quindi ottiene lo sfondo e aggiunge il 5% di luminosità nello spazio colore HSLuv. Se lo sfondo ha il 10% di luminosità, la superficie ha il 15%.

Le Linee guida per l'accessibilità dei contenuti Web (WCAG) raccomandano un contrasto di:

- 3.0: 1 minimo per testi più grandi di 18pt o icone (AA +).

- 4.5: 1 minimo per testi inferiori a 18pt (AA).

- 7.0: 1 minimo quando possibile, se possibile (AAA).

Material Design lo segue e raccomanda un rapporto di contrasto di 4,5: 1 (AA) per il corpo del testo a tutte le quote. Questo progetto mostra tutte le possibili variazioni di elevazione con il rispettivo contrasto al colore primario.

Questo progetto è open source:

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