Un aiuto sui colori per scrivere HTML e CSS. Scriva un colore qualsiasi come #3498db, rgb(52,152,219), hsl(204,70%,53%) o un nome CSS come dodgerblue, e la scheda Converti mostra subito ogni formato equivalente, le dichiarazioni CSS pronte da incollare e un suggerimento di primo piano nero/bianco. La scheda Nomi elenca tutti i 148 nomi di colore CSS, incluso rebeccapurple (con ricerca, clic per copiare), e Web Safe offre la classica tavolozza di 216 colori. Tutto viene eseguito localmente — nessun caricamento, nessun server. Questo strumento è orientato al codice; per il lavoro di design (tavolozze, gradienti, contrasto, miscele) veda anche Selettore di colori.
Modalità:
Scelga o scriva un colore: gli equivalenti e i frammenti CSS si aggiornano in tempo reale.
Questi colori vengono visualizzati senza dithering sui classici display a 256 colori.
Come si relazionano i formati:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). La tonalità HSL è espressa in gradi (0-360), saturazione e luminosità in percentuale. L'alpha (#RRGGBBAA, rgba(), hsla()) viene analizzato e riportato in ogni output. I nomi di parole chiave CSS vengono confrontati esattamente per primi; quando nessuna parola chiave corrisponde, viene suggerita la più vicina tra le 148 come indicazione di design.
Che cos'è un codice colore CSS?
Un codice colore CSS è la ricetta numerica per un colore sullo schermo: quanta luce rossa, verde e blu mescolare. Ogni notazione — esadecimale a sei cifre come #3498db, funzionale rgb(52, 152, 219), hsl(204, 70%, 53%) e le 148 parole chiave predefinite — si risolve nello stesso valore sRGB a 24 bit. L'esadecimale e rgb() indicano direttamente i canali, mentre hsl() descrive il colore come angolo sulla ruota dei colori più saturazione e luminosità, che spesso è più facile da ragionare quando si regolano le sfumature.
256 livelli per canale danno 16.777.216 colori indirizzabili; le forme a 8 cifre (#RRGGBBAA, rgba(), hsla()) aggiungono semplicemente un valore di alpha (opacità) allo stesso colore.
