Convertitore di colori

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Ultimo aggiornamento: 2026 · Strumento online gratuito

Cos'è Convertitore di colori?

Strumento online gratuito per convertire tra codici colore HEX, RGB, HSL, OKLCH con rapporto di contrasto WCAG

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.

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.