Vai al contenuto

Selettore Colori

Seleziona colori e converti tra formati HEX, RGB e HSL.

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Palette colori

Complementare

Analogo

Triadico

Verifica contrasto

Con testo nero

Rapporto: 5.71:1

AA Testo normale: Pass

AA Testo grande: Pass

AAA Testo normale: Fail

AAA Testo grande: Pass

Con testo bianco

Rapporto: 3.68:1

AA Testo normale: Fail

AA Testo grande: Pass

AAA Testo normale: Fail

AAA Testo grande: Fail

Strumento Selettore Colori: Trova Codici Colore HEX, RGB e HSL

Scegliere i colori giusti è essenziale per il web design, il graphic design e lo sviluppo UI. Il nostro selettore colori online gratuito ti permette di selezionare visivamente qualsiasi colore e ottenere istantaneamente il suo codice in formato HEX, RGB e HSL.

Lo strumento mostra simultaneamente tre formati colore standard dell'industria. I codici HEX (come #3B82F6) sono il formato più comune in CSS e HTML. I valori RGB specificano le componenti rosso, verde e blu su una scala 0-255. HSL (Tonalità, Saturazione, Luminosità) fornisce un modo intuitivo per capire e manipolare i colori.

Comprendere i formati colore è fondamentale per il lavoro di design professionale. HEX è compatto e ampiamente supportato. RGB offre controllo diretto sui singoli canali colore. HSL è il formato più intuitivo, permettendo di regolare tonalità, saturazione e luminosità indipendentemente.

Ogni valore colore può essere copiato negli appunti con un solo clic, pronto per essere incollato nel tuo CSS, strumento di design o documentazione.

FAQ

Condividi
SponsorizzatoAnnuncio

Design professionale reso facile con Canva

Crea loghi, post social, presentazioni e altro con la semplicità del drag-and-drop.

FAQ

Qual è la differenza tra i formati colore HEX, RGB e HSL?+
HEX usa un codice esadecimale a 6 caratteri (#RRGGBB). RGB specifica i valori rosso, verde e blu da 0-255. HSL usa tonalità (0-360 gradi), saturazione (0-100%) e luminosità (0-100%). Tutti e tre descrivono gli stessi colori in rappresentazioni matematiche diverse.
Come converto un colore HEX in RGB?+
Dividi il codice HEX in coppie (es. #3B82F6 diventa 3B, 82, F6) e converti ogni coppia da esadecimale a decimale. Quindi #3B82F6 = rgb(59, 130, 246). Questo strumento esegue la conversione automaticamente.
Qual è il miglior formato colore per CSS?+
HEX è il formato più usato in CSS ed è supportato ovunque. Tuttavia, HSL è sempre più popolare perché è più facile creare variazioni di colore regolando saturazione e luminosità.
Come trovo il codice colore esatto di un sito web?+
Usa gli strumenti per sviluppatori del browser (F12) per ispezionare gli elementi e trovare i valori colore nel CSS. Puoi anche usare estensioni come ColorZilla.
Cosa significa HSL e quando dovrei usarlo?+
HSL sta per Tonalità, Saturazione, Luminosità. Usalo quando vuoi creare palette di colori con saturazione e luminosità coerenti, o quando devi generare programmaticamente variazioni più chiare/scure di un colore base.

Strumenti più popolari