Vai al contenuto principale
LibraTool logoLibraTool

Selettore colori e generatore palette gratis

Scegli colori, converti tra HEX/RGB/HSL e genera palette armoniose.

Funziona offline una volta caricato
HEX
HSV
h217°
s76%
v96%
solo visualizzazione

RGB

r
g
b

HSL

H
S
L

Altri formati

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

Contrasto WCAG

Colore con nome più vicino: dodgerblue · Qui il testo nero si legge meglio (5,71:1)

Testo su bianco3,68:1AA grande
Testo su nero5,71:1AA
Testo su #ffffff3,68:1AA grande

Sfumature e tinte (50–950)

Palette colori

Complementare

#3b82f6
#f6af3c

Triadico

#3b82f6
#f63c83
#83f63c

Analogico

#3ce0f6
#3b82f6
#523cf6

Monocromatico

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Usi comuni

  • Selettore Colori per Web DesignScegli e genera colori per il tuo sito web — ottieni valori HEX, RGB e HSL oltre a palette armoniose.
  • Selettore Colori per BrandingCostruisci la tua palette di colori del marchio — scegli colori primari, secondari e di accento che funzionano insieme.
  • Selettore Colori per Social MediaCrea palette di colori accattivanti per post sui social media, storie e progetti di profilo.
  • Selettore Colori per Design di StampaScegli colori per materiali stampati — volantini, biglietti da visita, brochure — con anteprime di colori accurati.
  • Selettore Colori per PresentazioniProgetta schemi di colori per le diapositive — scegli colori di testo leggibili, palette di grafici e tonalità di accento coerenti.

Come funziona

Tutto funziona direttamente nel tuo browser usando matematica di conversione scritta a mano — nessuna libreria di colori, nessun viaggio di andata e ritorno al server. Scegli un colore tramite l'input colore nativo del browser o l'EyeDropper API, e lo strumento lo converte istantaneamente in sei formati mentre calcola anche i rapporti di contrasto WCAG e genera palette armoniche.

  1. 1
    Input colore tramite API nativa
    Scegli un colore tramite il widget integrato del browser <input type="color">, o — nei browser basati su Chromium — l'EyeDropper API ti permette di campionare qualsiasi pixel sul tuo schermo. Entrambi i percorsi restituiscono una stringa hex che diventa l'unica fonte di verità.
  2. 2
    Conversioni di formato scritte a mano
    Lo strumento converte il valore hex in RGB, HSL, HSV, CMYK, e OKLCH usando le proprie funzioni matematiche (nessuna libreria esterna). La conversione OKLCH linearizza i canali sRGB, applica la matrice a radice cubica OKLab, poi deriva croma e angolo di tonalità — corrispondendo all'output moderno CSS Color Level 4.
  3. 3
    Calcolo del rapporto di contrasto WCAG
    La luminanza relativa viene calcolata dai canali RGB linearizzati usando la formula WCAG 2.x. Lo strumento poi calcola i rapporti di contrasto rispetto al bianco puro e al nero puro e li etichetta AA grande, AA, AAA o Non supera secondo le soglie WCAG (3:1, 4,5:1, 7:1).
  4. 4
    Generazione tavolozza di armonia e salvataggio locale
    Campioni complementari, triadici, analoghi, e monocromatici sono derivati ruotando o facendo avanzare matematicamente i valori di tonalità e luminosità HSL. Le tavolozze salvate vengono scritte in localStorage nel tuo browser — nulla lascia il tuo dispositivo.

Strumenti correlati

🎨

Generatore di colori casuali

Genera colori casuali uno alla volta o in una palette di cinque, blocca quelli che ti piacciono, copia i valori HEX, RGB o HSL ed esporta la palette in PNG o CSS.

Prova
🎨

Convertitore Colori

Converti colori tra formati HEX, RGB, HSL, HSV e CMYK istantaneamente. Include una scala di luminosità e campioni predefiniti.

Prova
🎨

Estrattore Palette Colori da Immagine

Estrai i colori dominanti da qualsiasi immagine usando la quantizzazione del colore k-means. Ottieni i codici hex per i 2-16 colori principali della tua foto o logo.

ProvaI file rimangono locali

Domande frequenti