ToolHub
Apri strumento

Selettore colore

Strumento professionale di selezione colore con supporto per più formati

Strumenti per sviluppatori
Avvia strumento Tutti gli strumenti

Informazioni su questo strumento

Il Selettore colore è uno strumento basato su browser per selezionare e convertire colori tra più formati. Puoi scegliere da una tavolozza predefinita, regolare tonalità e trasparenza tramite slider, o inserire direttamente valori HEX e RGB. Lo strumento mostra istantaneamente il colore nei formati HEX, RGB, HSL e HSV, ciascuno con copia con un clic. Tutta l'elaborazione avviene localmente nel browser, senza inviare dati a nessun server.

Funzionalità principali

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Anteprima rapida

Casi d'uso

colore selettore hex rgb

Domande frequenti

Quali formati di colore supporta questo strumento?

Lo strumento supporta quattro formati di visualizzazione del colore: HEX (es. #ff6b6b), RGB/RGBA (es. rgb(255, 107, 107)), HSL/HSLA (es. hsl(0, 100%, 71%)) e HSV (es. hsv(0, 58%, 100%)). Quando la trasparenza è inferiore al 100%, vengono automaticamente utilizzati i formati RGBA e HSLA.

Come si regola la trasparenza del colore?

Usa lo slider della trasparenza sotto lo slider della tonalità. Trascina verso sinistra per diminuire la trasparenza, verso destra per aumentarla. L'anteprima del colore e tutti i valori di formato si aggiornano in tempo reale. Quando la trasparenza è inferiore al 100%, l'output HEX include il canale alpha e l'output RGB/HSL passa automaticamente al formato rgba/hsla.

Qual è la differenza tra HSL e HSV?

Entrambi sono modelli di colore cilindrici ma definiscono la luminosità in modo diverso. HSL (Tonalità, Saturazione, Luminosità) ha la luminosità che va dal nero al colore puro al bianco, con luminosità 100% che è sempre bianco. HSV (Tonalità, Saturazione, Valore) ha il valore che va dal nero al colore puro, con valore 100% che è la forma più pura del colore. HSL è più comunemente usato nei CSS, mentre HSV è spesso usato nei software di grafica.

Posso inserire direttamente i valori HEX o RGB?

Sì. Puoi inserire direttamente un valore HEX (es. #3b82f6) o un valore RGB (es. rgb(59, 130, 246)) nei campi di input e lo strumento convertirà istantaneamente e aggiornerà tutte le altre visualizzazioni di formato, l'anteprima del colore e le posizioni degli slider.

Come si copia un valore di colore?

Clicca sul pulsante di copia accanto a qualsiasi valore di formato e il valore del colore verrà copiato negli appunti nel formato visualizzato (es. #ff6b6b per il formato HEX, rgb(255, 107, 107) per il formato RGB). Puoi quindi incollarlo direttamente nei CSS, negli strumenti di design o nell'editor di codice.

Strumenti correlati

Validatore JSONGeneratore di HashGeneratore UUIDTester di Espressioni Regolari