Cunvertisce un culore trà HEX, RGB è HSL
Publicatu u · Messu à ghjornu u 2 min di lettura
HEX, RGB è HSL descrivenu u listessu culore in trè manere. U strumentu e mostra tutte trè à l’indettu è accetta e scritture currente; l’HSL arrotondatu à l’interu spiega e differenze d’un livellu chì si vedenu tornendu à l’HEX.
Trè scritture di u listessu culore
Esplurà è cunvertisce i culori mostra per difettu e trè forme, cù una vista previa di u culore. Per u verde #2F4A3F:
| Forma | Risultatu |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
I trè buttoni HEX, RGB è HSL di u pannellu riducenu u risultatu à una sola forma, pratica per cupià la cum’ella hè.
Scritture accettate
| Scrittura | Esempiu | Risultatu in HEX |
|---|---|---|
| HEX cortu | #fff | #ffffff |
| HEX cù trasparenza | #2F4A3F80 | #2f4a3f80 |
| RGB cù virgule | rgb(47, 74, 63) | #2f4a3f |
| RGB cù spazii | rgb(47 74 63) | #2f4a3f |
| RGB in percentuali | rgb(100%, 0%, 0%) | #ff0000 |
| HSL cù spazii | hsl(156 22% 24%) | #304b40 |
I nomi di culore cum’è «rouge», è i canali fora di 0 à 255 cum’è rgb(300, 0, 0), sò rifiutati cù un messaghju chì enumera e scritture accettate.
Trasparenza
A trasparenza si scrive in HEX cù ottu cifre, o dopu una barra cù spazii. U culore rgb(47 74 63 / 50%) dà #2f4a3f80 in HEX è rgba(47, 74, 63, 0.5) in RGB. À u cuntrariu, #2F4A3F80 dà una opacità di 0,502, perchè 80 in esadecimale face 128 nant’à 255.
Perchè un andata-ritornu cambia d’un livellu
L’HSL hè mostru in numeri interi: tonu in gradi, saturazione è luminosità in per centu. Torna da l’HSL à l’HEX porta dunque à un culore vicinu, micca à u culore di partenza.
| Iniziu | HSL mostru | Ritornu à l’HEX |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
A differenza hè d’un livellu per canale, invisibule à l’ochju. Per un token di disegnu o una marca, cunservate l’HEX uriginale cum’è riferimentu è ùn passate più per l’HSL.
Grisgi
Un grisgiu hà saturazione zero è un tonu senza effettu: #808080 dà rgb(128, 128, 128) è hsl(0, 0%, 50%).
Ciò chì u strumentu ùn misura micca
Una cunversione di formatu ùn dice nunda di a leggibilità. U strumentu ùn calcula micca u cuntrastu trà un testu è u so fondu: verificate lu à parte prima di pubblicà. U casu d’un QR code, induve u cuntrastu decide di a leggibilità, hè trattatu in Creà un QR code chì si leghje à a prima.
Verificà una cunversione
- Incollate u culore in u campu: a vista previa deve currisponde à ciò chì aspettate.
- Cupiate a forma chì u vostru sistema dumanda.
- Per cunservà u culore esattu, cunservate l’HEX o l’RGB piuttostu chè l’HSL.