Color Converter | MTempMail
← Kaikki työkalut / Color Converter

🎨 Värinmuunnin

Muunna värit HEX-, RGB- ja HSL-muotojen välillä. Napsauta värivalitsinta tai kirjoita mikä tahansa arvo.

Mikä on värinmuunnin?

Värimuunnin kääntää väriarvot web-suunnittelussa, graafisessa suunnittelussa ja painotuotannossa käytettyjen eri formaattien välillä. Kolme yleisintä verkkovärimuotoa ovat HEX (esim. #3498db), RGB (esim. rgb(52, 152, 219)) ja HSL (esim. hsl(204, 70%, 53%)). Jokainen edustaa samaa väriä, mutta eri merkinnöissä, joita eri työkalut, kielet ja työnkulut suosivat.

Verkkokehittäjät vaihtavat HEX:ään HTML/CSS-lyhenteessä, käyttävät RGB:tä, kun heidän on lisättävä peittävyyttä rgba(:lla), ja kurkottavat HSL:ään, kun he haluavat ohjelmoidusti säätää vaaleutta tai kylläisyyttä. Graafiset suunnittelijat, jotka kopioivat heksadesimaalikoodia Figmasta tai Photoshopista, saattavat tarvita sitä RGB-muodossa tietylle alustalle. Työkalumme käsittelee kaikki konversiot välittömästi, mukaan lukien live-värien esikatselu ja vastaava CSS-muuttuja.

Värinmuuntimen käyttäminen

  1. Napsauta värinvalitsin valitaksesi minkä tahansa värin visuaalisesti – kaikki kentät päivittyvät automaattisesti.
  2. Tai kirjoita a HEX arvo (esim. #ff6600) ja napsauta Muunna.
  3. Tai kirjoita an RGB arvo (esim. rgb(255, 102, 0)) ja napsauta Muunna.
  4. Tai kirjoita an HSL arvo (esim. hsl(24, 100%, 50%)) ja napsauta Muunna.
  5. Napsauta minkä tahansa kentän vieressä olevaa kopiointikuvaketta kopioidaksesi muoto leikepöydällesi.

Miksi käyttää värimuunnintamme?

  • 100% ilmainen - Muunna rajattomasti värejä ilman kustannuksia.
  • Ei rekisteröintiä - Välitön käyttö ilman tilin luomista.
  • Selainpohjainen — Toimii asiakaspuolella ilman, että palvelimille lähetetä tietoja.
  • Live-esikatselu — Näet todellisen värin kirjoittaessasi tai valitessasi.
  • CSS-muuttujan lähtö — Luo käyttövalmiin mukautetun CSS-ominaisuusmerkkijonon.

Usein kysytyt kysymykset

HEX (#rrggbb) on kompakti heksadesimaaliesitys, jota käytetään laajalti CSS:ssä ja HTML:ssä. RGB (punainen, vihreä, sininen) ilmaisee jokaisen kanavan kokonaislukuna 0–255, mikä helpottaa kanavien sekoittamista ohjelmallisesti. HSL (sävy, värikylläisyys, vaaleus) on intuitiivisin – säädät sävykulmaa (0–360°) ja kylläisyys/vaaleusprosenttia saadaksesi ennustettavia värivaihteluita.

Käytä rgba() tai hsla() CSS-funktioita, jotka lisäävät neljännen alfakanavan (0 = täysin läpinäkyvä, 1 = täysin läpinäkymätön). Esimerkki: rgba(52, 152, 219, 0,5) on sama sininen 50 %:n peittävyydellä. HEX tukee myös 8-numeroista merkintää alfalla (esim. #3498dbcc) nykyaikaisissa selaimissa.

Koska voit pitää sävyn vakiona ja muuttaa vain vaaleutta ja kylläisyyttä harmonisten sävyjen luomiseksi. Esimerkiksi hsl(210, 70%, 30%), hsl(210, 70%, 50%) ja hsl(210, 70%, 70%) ovat saman sinisen tummia, keskivaaleita ja vaaleita muunnelmia – täydellinen suunnittelujärjestelmille ja CSS-muuttujille.

Ei suoraan kuvakaappauksesta, mutta voit käyttää käyttöjärjestelmäsi värinvalitsinta tai selainlaajennusta värinäytteiden ottamiseksi mistä tahansa näytön pikselistä ja liitä sitten HEX-koodi tähän työkaluun saadaksesi RGB- ja HSL-vastineet.

Nopeat Faktat

  • ✓ 100% ilmainen, ei piilomaksuja
  • ✓ Tiliä tai kirjautumista ei tarvita
  • ✓ Toimii missä tahansa selaimessa
  • ✓ Tietosi eivät koskaan poistu laitteestasi
  • ✓ Muuntaa HEX-, RGB- ja HSL-muodot live-esikatselulla

Aiheeseen liittyvät työkalut