Come funziona
L'input del colore nativo fornisce un valore sRGB come stringa esadecimale di sei cifre. I canali vengono analizzati in decimale per la tripletta RGB e la proprietà personalizzata CSS è scritta nella sintassi esatta prevista da un foglio di stile.
- Utilizza l'input del colore nativo, quindi funziona con il contagocce di sistema dove il browser lo supporta.
Perché è importante
Una tavolozza vive in Figma, CSS, e-mail e talvolta in una tela. Ogni passaggio della traduzione offre la possibilità di incollare il formato sbagliato, quindi copiare insieme HEX, RGB e una proprietà personalizzata rimuove una serie di errori evitabili.
Un esempio pratico
Scegliendo #635BFF si ottengono rgb(99, 91, 255) e la proprietà personalizzata CSS --color: #635BFF, che può essere inserita in un foglio di stile e referenziata ovunque invece di ripetere il codice esadecimale.
Errori comuni
- Scelta del colore e dello sfondo separatamente senza controllare il contrasto.
- Affidarsi solo alla tonalità per segnalare lo stato.
- Dimenticando le varianti al passaggio del mouse e di messa a fuoco.
Consigli pratici
Scegli prima la scala neutra, poi l'accento. Un singolo colore principale più tre colori neutri è più facile da mantenere coerente tra temi chiari e scuri rispetto a una tavolozza più ampia.
Come usarlo
- Apri lo strumento. Tutto viene eseguito nella scheda del tuo browser.
- Incolla o digita il tuo input, quindi scegli l'azione che ti serve.
- Controlla il risultato e copialo con un clic.
Domande comuni
Posso scegliere un colore dallo schermo?
Laddove il browser supporta il contagocce nativo, sì. Altrimenti usa il campione di input colore.
Quali formati emette?
HEX, una tripletta RGB e una proprietà personalizzata CSS che puoi incollare in un foglio di stile.
Il colore selezionato viene salvato?
No. Il valore esiste solo nella pagina finché non la chiudi.
Questo strumento è davvero gratuito?
SÌ. Non esiste alcun account, nessun paywall e nessun limite di utilizzo. L'app Tools è finanziata da aumenso, lo studio dietro di essa.
Tutto ciò che inserisco è stato caricato?
No. Lo strumento viene eseguito nella scheda del browser; ciò che inserisci non ci viene mai inviato e mai archiviato.