Un codice HEX cundensa trè numeri à 8 bit in sei cifre esadecimali. Cunvertisce HEX in RGB significa sparte quesse cifre in coppie è leghje ogni coppia cum'è un numeru decimale trà 0 è 255 — esattamente i valori chì CSS, Figma è l'editori di immagini aspettanu.
Cumu funziona a cunversione da HEX à RGB
- Sgualtrisci u # iniziale è, sè u codice hà solu trè cifre, raddoppia ognuna: #f53 diventa #ff5533.
- Separe e sei cifre in trè coppie — RR, GG è BB.
- Leghje ogni coppia cum'è un numeru in basa 16 è cunvertelu in basa 10: FF diventa 255, 57 diventa 87, 33 diventa 51.
- Scrivi i trè risultati cum'è rgb(R, G, B).
Esempiu praticu
Sta cunversione hè precisa. HEX è RGB discrivenu listessi valori sRGB in notazioni diverse, cusì nunda hè arrotondatu o persu in ogni direzzione.
HEX è RGB spiegati
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
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()
taula di riferenza da HEX à RGB
I culori CSS più cumuni, cunvertiti da HEX à RGB.
| Culore | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |