Nella mia applicazione ho un selettore di colori che gli utenti possono utilizzare per selezionare i colori di determinati oggetti prodotti dall'applicazione. Il selettore di colori sta emettendo il colore scelto in formato RGBA. Tuttavia, ho bisogno del codice colore HTML. Devo essere in grado di convertire RGBA, senza conoscere il colore in anticipo, in HTML e usarlo come stringa in seguito. Come potrei fare questo?Converti il colore RGBA nel codice colore HTML
risposta
RGBA è nativamente supportato da CSS3:
div {
background: rgba(200, 54, 54, 0.5);
}
Firefox, Safari, Chrome, IE9 e Opera browser tutto RGBA supporto. I vecchi IE non lo supportano.
Fortunatamente, è possibile specificare i colori RGBA per i browser che lo supportano e un'alternativa per i browser che non lo supportano. Controlla questo link per un ottimo howto.
Queste sono le due opzioni: - dal link -
1. ridiscendere a COLORE SOLIDO: consentire al browser di ricadere a utilizzare un colore solido, quando l'opacità non è disponibile. Il
h1 {
color: rgb(127, 127, 127);
color: rgba(0, 0, 0, 0.5); //for modern browsers only
}
2. ricadere AD UN PNG: Nei casi in cui si sta utilizzando la trasparenza su un background-color (anche se non su confini o testo) è possibile ripiegare ad usare un PNG con alpha canale per ottenere lo stesso effetto. Questo è meno flessibile rispetto all'uso dei CSS poiché è necessario creare un nuovo PNG per ogni livello di trasparenza richiesto, ma può essere una soluzione utile.
h1 {
background: transparent url(imageName.png);
background: rgba(0, 0, 0, 0.5) none; //for modern browsers only
}
Quello che sto cercando di dire è che non è necessario il codice HTML del colore, è sufficiente aggiungere la proprietà css rgba
- con javascript o jquery - dopo si prende in mano il colore ed io pensi di essere fatto.
Spero che aiuti.
Direi che la risposta sarebbe sì, ma rgba è supportato per gli stili in linea corretti? – Nathan
@Natha, hai ragione, la risposta è sì. È solo un modo diverso per specificare un colore. ** 1. ** un valore HEX - come "" # ff0000 "' ** 2. ** un valore RGBA - come '" rgb (255,0,0, 0,5) "' ** 3. ** un nome di colore - come "" rosso "' –
Internet Explorer supporta RGBA a partire dalla versione 9. – BoltClock
Se siete alla ricerca di una conversione effettivo (che il testo della tua domanda chiede letteralmente per) da rgb (a) in esadecimale in JavaScript:
red = green = blue = 255;
hex = '#' +
("0" + (red).toString(16)).slice(-2) +
("0" + (green).toString(16)).slice(-2) +
("0" + (blue).toString(16)).slice(-2);
V'è, naturalmente, non alpha equivalente, ma è possibile impostare l'opacità (e/o i valori specifici del browser -opacity
per il supporto del browser precedente).
- 1. Converti valori RGBA in codice esadecimale colore
- 2. Converti valore colore RGB in RGBA a 0,75 alfa
- 3. Modifica tonalità di colore rgba
- 4. valori di colore RGB/RGBA a goniometro
- 5. CSS RGBA colore di sfondo di convalida
- 6. Python: PIL sostituire un singolo colore RGBA
- 7. Come convertire il colore HEX in rgba con Less compilatore?
- 8. Impostare il colore tramite il codice colore in C#
- 9. iOS WKWebView ottiene il colore del pixel RGBA dal punto
- 10. È possibile convertire il colore rgba in esadecimale usando LESS
- 11. Converti HEX a RGBA in Stylus
- 12. Converti la stringa di colore HEX in Colore?
- 13. Converti stringa di colore esadecimale in colore RGB
- 14. Colore collegamento predefinito HTML
- 15. Sass/Bussola - Converti esadecimale, RGB o colore con nome in RGBA
- 16. Converti codice colore accesso MS in esadecimale in C#
- 17. Converti valore di colore intero in RGB
- 18. Impossibile analizzare il colore nel grafico a linee (angular-chart.js)
- 19. Converti RGBA a RGB prendendo in considerazione sfondo
- 20. ForeColor con codice colore
- 21. Caricamento del colore di sfondo CSS rgba prima dell'opacità
- 22. Converti una stringa in Colore in C#
- 23. Html ottenere colore in Rgb
- 24. Bussola SCSS minuscolo codice colore
- 25. Android utilizzando un valore di Risorsa colore nel codice
- 26. Come rendere trasparente qualsiasi codice colore html [Android]
- 27. Converti valori RGB in nome colore
- 28. Come applicare il colore nel markdown
- 29. Selettore colore codice studio visivo
- 30. Come rendere il selettore colori HTML5 per restituire il nome del colore anziché il codice colore?
L'HTML non supporta i valori di colore semitrasparenti - a meno che l'alpha non sia al massimo o non ci si preoccupi dell'alfa, non sarà possibile ottenere un codice colore HTML equivalente a un colore RGBA. Ti riferivi invece ai valori dei colori CSS, come mostrato dai tag e dalla risposta che hai accettato? – BoltClock
@BoltClock Il contesto 'canvas' ha una proprietà' globalAlpha' che è possibile utilizzare per impostare la trasparenza dell'oggetto canvas. –