Convertitore di colori
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Ultimo aggiornamento: 2026 · Strumento online gratuito
Cos'è Convertitore di colori?
Convertitore di colori gratuito online che traduce all'istante tra codici HEX, RGB, HSL e OKLCH e calcola il rapporto di contrasto WCAG tra due colori per verificare l'accessibilità con facilità.
Come usare
- 1 Inserire un colore — Usare il selettore colori o l'input di testo. Sono supportati i formati HEX, rgb() e hsl().
- 2 Visualizzare i formati — I formati HEX, RGB, HSL e OKLCH vengono visualizzati contemporaneamente.
- 3 Copiare i valori — Usare il pulsante copia per ogni formato per copiare il valore CSS.
- 4 Verificare il rapporto di contrasto — Impostare un colore di confronto per verificare il rapporto di contrasto WCAG.
Strumenti correlati
Convertitore di Timestamp Strumento online gratuito per convertire tra timestamp Unix e date in entrambe le direzioni. Accetta secondi (10 cifre) e millisecondi (13 cifre) e supporta KST, JST, UTC, ISO 8601 e tempo relativo.
Generatore di gradiente CSS Generatore visivo gratuito di gradienti CSS: crea gradienti lineari, radiali e conici, regola i punti colore e l'angolo e copia il codice CSS pronto all'uso per gli sfondi.
Generatore CSS box-shadow Generatore CSS box-shadow gratuito online con controlli per offset, sfocatura, diffusione, colore e inset, che offre un'anteprima dal vivo dell'ombra e produce codice CSS box-shadow pronto da copiare.
Domande frequenti
OKLCH è una rappresentazione cilindrica dello spazio colore Oklab, il più percettivamente uniforme. È supportato in CSS Color Level 4.
Misura la differenza di luminosità tra testo e colori di sfondo. AA richiede almeno 4,5:1, AAA richiede 7:1.
Attualmente sono supportati solo colori opachi (RGB, HEX a 6 cifre). RGBA e HSLA saranno aggiunti in futuro.
Sì. Puoi incollare l'output di ogni formato direttamente nel tuo CSS.
No. Tutte le conversioni di colore avvengono nel browser.