Lingua:Italiano
Chromoforge

Convertitore colori: HEX, RGB, HSL e OKLCH

Incolla un colore e copia il formato che ti serve, direttamente qui. Anteprima e risultati usano lo stesso colore sRGB opaco.

Converti colore

Usa HEX, RGB, HSL o OKLCH. OKLCH accetta luminosità/chroma numeriche o percentuali e unità angolari. Solo colori opachi; i valori fuori da sRGB vengono limitati con un avviso.

Colore selezionato#E24B4ATesto su questo colore: #111111
HEX#E24B4A
RGBrgb(226, 75, 74)
HSLhsl(0.39 72.38% 58.82%)
OKLCHoklch(62.339% 0.18772 24.72)
CSS--brand: #E24B4A;
Esplora variazioni della paletteControlla testo e sfondo
Componi la trasparenza

Incolla RGBA, HSLA, OKLCH con alpha o HEX con alpha. Scegli uno sfondo uniforme e applica al tool il colore opaco risultante.

HEX opaco risultante

Converti e copia nella stessa pagina

  1. Inserisci un valore HEX, RGB, HSL o OKLCH supportato oppure scegli un colore con il selettore.
  2. Controlla l’anteprima e copia HEX, RGB, HSL, OKLCH o la dichiarazione CSS accanto al risultato.
  3. Passa alla palette, alle tonalità o al contrasto mantenendo il colore selezionato.

Cosa supporta la conversione

Lo strumento lavora con colori sRGB opachi e arrotonda i canali a valori a 8 bit. I risultati RGB e HSL descrivono il colore HEX ottenuto. OKLCH è accettato in ingresso e in uscita; i valori fuori da sRGB sono limitati con un avviso. Trasparenze, nomi CSS e Display P3 non sono accettati qui. Le conversioni arrotondate possono spostare leggermente un canale tornando al formato iniziale.

Continua con il tuo colore

Generatore sfumature coloreGenera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.Generatore variabili colore CSSGenera variabili CSS da un colore: brand, testo leggibile e undici tonalità da 50 a 950. Copia o scarica il CSS direttamente dalla pagina.Controllo contrasto WCAGVerifica contrasto tra testo e sfondo secondo WCAG AA e AAA, testa coppie colore reali e scegli combinazioni leggibili.