RGB ti dà trè canali decimali trà 0 è 255. Cunvertisce in HEX trasforma ogni canale in un numeru esadecimale di duie cifre, cusì tuttu u culore si incasella in un token compactu chì ogni browser, strumentu di design è guida di stile capisce.
Cumu funziona a cunversione da RGB à HEX
- Prendi u canale rossu è divide lu per 16: u quoziente hè u primu cifra, u restu hè a seconda.
- Scrivi i numeri 10 à 15 cum'è e lettere A à F — 255 diventa FF.
- Ripeti per u verde è u turchinu, aghjunghjendu un zero davanti à e cifre singule: 5 diventa 05.
- Unisci i trè coppie è metro un # davanti.
Esempiu praticu
Esattu, fintantu chì i canali sò numeri interi da 0 à 255. Valori frazziunarii cum'è rgb(79.5, 70, 229) sò arrotondati à l'interu più vicinu prima, perchè HEX ùn pò micca rapprisintà valori intermedi.
RGB è HEX spiegati
Chì ghjè RGB?
RGB discrive un culore cum'è trè canali di luce — rossu, verde è blu — ognunu da 0 à 255. Riflette cumu i schermi travaglianu veramente: tutti trè à 255 danu biancu, tutti à 0 danu neru. RGB hè a scelta ghjusta quandu hai bisognu di calculà cù un culore, è rgba() aghjusta trasparenza sopra.
- Sintassi:
- rgb(R, G, B)
- Gamma:
- 0–255 per canale
- Megliu per:
- codice, canvas, trasparenza cù rgba()
Chì ghjè HEX?
Un codice HEX hè un numeru esadecimale di sei cifre chì conserva i canali rossu, verde è blu di un culore darrè à un # iniziale. Ogni coppia di cifre raprisenta un canale, da 00 (nisun) à FF (cumplettu), chì dà listessu 16,7 milioni di culori ch'è RGB ma in una notazione più corta. HEX hè u default in CSS, strumenti di design è linee guida di marca.
- Sintassi:
- #RRGGBB
- Gamma:
- 00–FF per canale
- Megliu per:
- CSS, passu trà designer è sviluppatori, linee guida di marca
taula di riferenza da RGB à HEX
I culori CSS più cumuni, cunvertiti da RGB à HEX.
| Culore | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |