Daily Toolkits

HEX ↔ RGB ↔ HSL-muunnin

Muunna värit HEX-, RGB- ja HSL-värien välillä välittömästi live-swatchilla. Muokkaa mitä tahansa kenttää – muut pysyvät synkronoituna.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Muunna värit HEX-, RGB- ja HSL-värien välillä välittömästi live-swatchilla.
  • Toimii selaimessasi
  • Ilmainen käyttää

Kuinka käyttää

  1. Anna HEX-, RGB- tai HSL-arvo.
  2. Katso, että muut muodot päivittyvät automaattisesti.
  3. Kopioi tarvitsemasi muoto.

How this tool works

  1. Anna HEX-, RGB- tai HSL-arvo.
  2. Katso, että muut muodot päivittyvät automaattisesti.
  3. Kopioi tarvitsemasi muoto.

Recommended settings

  • Käytä ensin oletusasetuksia ja säädä sitten tarvittaessa

Supported formats

Text / on-page input

File size and limits

  • Erittäin monimutkainen monikerroksinen esikatselu saattaa tuntua hitaammalta vanhemmissa puhelimissa.

Privacy

Väri- ja CSS-generaattorit toimivat kokonaan selaimessasi. Esikatselut ja konversiot eivät koskaan lataa tyylejäsi.

Common use cases

  • Käytä HEX ↔ RGB ↔ HSL Converteria aina kun tarvitset: Muunna värit HEX, RGB ja HSL välillä välittömästi live-swatchilla.

Troubleshooting

Esikatselu näyttää erilaiselta liittämisen jälkeen

Tarkista, onko sivullasi kilpailevaa CSS:ää (nollaukset, periytyneet värit). Kopioi luotu sääntö ensin eristettyyn tyylitaulukkoon.

FAQ

Lataako tämä CSS:ni?

Ei. Generaattorit ja muuntimet toimivat selaimessasi live-esikatselulla.

Tarvitsenko tilin?

Ei. Avaa työkalu, säädä säätimiä ja kopioi CSS.

Aiheeseen liittyvät työkalut

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool