developer

Convertitore Colori

Converti colori tra formati HEX, RGB e HSL per web design e sviluppo

color

hex

rgb

hsl

converter

Convertitore Colori

Converti colori tra formati HEX, RGB e HSL

HEX

Valori Colore

Tutti i formati colore

HEX#3b82f6

RGB59, 130, 246

HSL217°, 91%, 60%

Informazioni sui Formati Colore

HEX usa notazione esadecimale per i valori RGB (es. #FF5733). RGB rappresenta i colori come componenti rosso, verde e blu (0-255). HSL usa tonalità (0-360°), saturazione (0-100%) e luminosità (0-100%) per manipolazione colore più intuitiva. Questo strumento converte tra questi formati per web design, sviluppo e conformità accessibilità.

HEX usa notazione esadecimale per i valori RGB. RGB rappresenta i colori come componenti rosso, verde e blu. HSL usa tonalità, saturazione e luminosità.

Converti colori per CSS, abbina specifiche su piattaforme, assicura compliance accessibilità e lavora con strumenti design.

• Web Design: Converti i colori tra formati per CSS e strumenti di design
• Sviluppo: Abbina le specifiche di colore su diverse piattaforme
• Branding: Assicura una rappresentazione coerente dei colori sui materiali
• Accessibilità: Verifica il contrasto dei colori e la conformità WCAG

Risposte su HEX vs RGB vs HSL, accuratezza conversione, supporto canale alpha e differenze spazio colore.

Qual è la differenza tra RGB e HSL?

RGB usa componenti rosso, verde, blu (0-255). HSL usa tonalità (0-360), saturazione (0-100%), luminosità (0-100%). HSL è più intuitivo per la manipolazione colore umana.

Perché usare HEX invece di RGB?

HEX (#RRGGBB) è più compatto e standard per CSS web. È essenzialmente RGB in esadecimale. Scegli HEX per web, RGB per programmazione.

Come converto tra formati?

Questo strumento converte automaticamente tra tutti i formati quando inserisci un valore. Modifica HEX, RGB o HSL e vedrai gli altri formati aggiornati in tempo reale.

Cosa significa la tonalità in HSL?

La tonalità (H) è la posizione sulla ruota dei colori (0-360 gradi). 0° è rosso, 120° è verde, 240° è blu. La saturazione (S) è l'intensità, la luminosità (L) è la chiarezza.

Raccomandazioni per denominazione colori coerente, uso design tokens, verifica rapporti contrasto e documentazione palette.

• Mantieni la coerenza dei colori usando un'unica fonte di verità per la tua palette
• Usa nomi di colori semantici nel codice (primario, successo, avviso) invece di valori hardcoded
• Assicura un contrasto sufficiente tra testo e sfondo per l'accessibilità (minimo WCAG 2.1 AA)
• Testa i colori su display diversi poiché possono apparire differentemente

Esempi di formati colore e riferimenti alla sintassi.

HEX: #FF5733

RGB: rgb(255, 87, 51)

HSL: hsl(11, 100%, 60%)

RGBA: rgba(255, 87, 51, 0.5)

Spazi colore supportati, intervalli e dettagli di precisione.

• HEX: Esadecimale a 6 cifre (#RRGGBB) o abbreviazione a 3 cifre
• RGB: 0-255 per canale (8 bit per canale)
• HSL: H 0-360°, S 0-100%, L 0-100%
• Spazio Colore: sRGB (RGB standard per il web)

Caricamento in corso...