Convertitore RGB/HEX
Convertire tra formati di colore RGB e HEX
RGB/HEX Converter
Convert between RGB and HEX colors
Il convertitore da RGB a HSL è uno strumento di conversione del colore essenziale per designer e sviluppatori. Converti istantaneamente i valori di colore RGB nel formato HSL, consentendo un migliore controllo del colore, una manipolazione più semplice del colore e regolazioni del colore più intuitive nei progetti CSS e di design.
Convertitore ESAGONALE RGB
Colore di input
Inserisci un codice esadecimale, valori RGB o incolla un riferimento colore
Visualizza risultati
Guarda la conversione istantanea al formato HSL con anteprima visiva
Comprendere i componenti
Scopri cosa significano tonalità (H), saturazione (S) e luminosità (L)
Sintonizzare
Utilizza i dispositivi di scorrimento per regolare i valori HSL e visualizzare le modifiche in tempo reale
Copia valori
Fare clic sui pulsanti Copia per acquisire il codice colore convertito
Utilizzare nei CSS
Applica i valori HSL nei tuoi fogli di stile per una più semplice manipolazione dei colori
Domande Frequenti
Qual è la differenza tra RGB e HEX?
RGB utilizza valori decimali 0-255, HEX utilizza esadecimale 00-FF
Cos'è l'RGBA?
RGB con canale alfa per trasparenza
Posso usarlo per stampare?
HEX/RGB è per i colori dello schermo, usa CMYK per la stampa
Quanto è precisa l'anteprima del colore?
Molto accurato: utilizza la resa cromatica del browser
Perché usare HSL invece di RGB?
HSL è più intuitivo per la percezione umana. Regolare la saturazione o la luminosità in HSL è più semplice che ricalcolare i valori RGB, rendendo più semplice la manipolazione e le variazioni del colore.
Cosa significa saturazione in HSL?
La saturazione (0-100%) controlla l'intensità del colore. Lo 0% è in scala di grigi, il 100% è colore puro. Determina quanto un colore appare vivido o attenuato.
Cosa significa leggerezza in HSL?
Luminosità (0-100%) controlla la luminosità. Lo 0% è nero, il 50% è colore puro, il 100% è bianco. Determina quanto appare scuro o chiaro un colore.
Posso utilizzare i colori HSL in tutti i browser?
Sì, la sintassi dei colori HSL è supportata in tutti i browser moderni. Puoi utilizzare hsl() direttamente nei CSS senza prefissi del fornitore.
Come creo variazioni di colore?
Mantieni la tonalità costante e regola la saturazione e la luminosità. La riduzione della saturazione crea toni tenui, mentre la riduzione della luminosità crea sfumature più scure.
C'è differenza tra HSL e HSLA?
HSLA include un canale alfa per la trasparenza. HSLA(tonalità, saturazione%, luminosità%, alfa) ti consente di controllare l'opacità da 0 (trasparente) a 1 (opaco).
Tool Information
Related Tools You Might Like
Generatore di Palette di colore da Immagine
Estrarre colori dominanti da un'immagine
Generatore di grado CSS
Crea pendenze CSS personalizzate con anteprima
Controllo contrasto WCAG
Controllare il contrasto di colore secondo gli standard WCAG
Generatore di firma digitale
Crea firme digitali stilizzate con caratteri diversi
Generatore di ombra di scatola
Generare ombre scatola CSS
Generatore di testo Shadow
Generare ombre di testo CSS
Calcolatore del volume del surf
Calcola il volume di surf perfetto in base al peso, al livello di esperienza e alle condizioni d'onda.
Convertitore di altezza d'onda
Convertire tra diverse misure di altezza d'onda (altezza della faccia, scala hawaiana, gonfia oceanica).
Scuba Dive Planner
Pianifica la tua immersione subacquea con limiti di profondità, tempi bassi e requisiti di decompressione di sicurezza.