Che cos'è un colore RGB?

Gli schermi generano ogni colore mescolando luce rossa, verde e blu. Un colore RGB indica l'intensità di ciascuno di questi tre canali con un numero da 0 (spento) a 255 (intensità massima), quindi rgb(255, 0, 0) è rosso puro, rgb(0, 0, 0) è nero e rgb(255, 255, 255) è bianco. Lo stesso colore può essere scritto come codice esadecimale, ad esempio #ff0000, dove ogni coppia di cifre esadecimali rappresenta un canale.

Descrizione dello strumento

Questo strumento consente di modificare un colore un canale alla volta. Seleziona o incolla un colore iniziale, quindi sposta i cursori del rosso, del verde e del blu oppure inserisci valori esatti, e osserva il risultato cambiare in tempo reale. Il colore modificato viene mostrato nelle notazioni utilizzate da CSS, dagli strumenti di design, dai motori di gioco e dal codice shader, ciascuna pronta per essere copiata.

Funzionalità

  • Modifica i canali del rosso, del verde e del blu con cursori o numeri esatti da 0 a 255
  • Seleziona un colore oppure incollane uno in HEX, RGB, HSL o in un altro formato per iniziare
  • Ottieni il colore in formato HEX, rgb(), percentuali rgb(), valori normalizzati da 0 a 1, numero intero decimale e numero intero esadecimale
  • Funziona nel browser

Come funziona

Ogni canale è un numero intero da 0 a 255. I valori al di fuori di questo intervallo vengono limitati all'intervallo consentito, mentre i decimali vengono arrotondati. I valori normalizzati dividono ogni canale per 255, mentre le rappresentazioni intere combinano i canali in un unico numero a 24 bit nel formato 0xRRGGBB.

Suggerimenti

  • Usa i valori normalizzati da 0 a 1 per GLSL, HLSL, Unity e altre API che accettano i colori come numeri a virgola mobile.
  • Il numero intero decimale è il formato utilizzato dagli embed di Discord e da alcuni fogli di calcolo e database.