RGB í hexadecimalbreytir
Stilla renna eða líma HEX-kóða hér að neðan til að umreikna RGB, HEX og HSL samstundis, með rauntímalitum forskoðun — allt reiknað á tækinu þínu.
Lita inntak
Umbreytt úttak
Umsagnir
Hvernig umbreytirðu RGB í HEX
- Dragðu rauðu, grænu og bláu rennibrautin — eða límdu HEX-kóða beint í reitinn — til að stilla lit.
- Skoðaðu sýnissýnuna og fylgstu með HEX-, RGB- og HSL-gildum uppfærast í rauntíma þegar þú stillir eitthvað.
- Smelltu á hvaða gildiskort sem er til að afrita það, tilbúið til að líma inn í CSS, hönnunarforrit eða kóða.
RGB, HEX og HSL: hver er munurinn?
RGB, HEX og HSL lýsa nákvæmlega sömu litum — þetta eru bara mismunandi leiðir til að skrifa sömu tölurnar. RGB skilgreinir lit með því hversu mikið rautt, grænt og blátt ljós blandast til að mynda hann, hvert á skala frá 0–255. HEX er sömu RGB-gildin skrifuð sem þéttur sex stafa hexadecimal-kóði, sem er ástæðan fyrir því rgb(31, 58, 95) og #1f3a5f eru nákvæmlega sömu litir. HSL lýsir litnum aftur á móti með litatón (stöðu hans á litahring), litstyrk (hversu skær hann er) og ljósstyrk — sniði sem er oft auðskiljanlegra til að velja skylda tóna.
Hvar hvert sniðmát er venjulega notað
| Sniðmát | Algeng notkun | Af hverju |
|---|---|---|
| Sextánhyrningur | CSS, HTML, hönnunartæki | Stutt, auðvelt að afrita og deila sem einni strengi |
| RGB | CSS með gegnsæi (rgba) | Styður alfa-rás fyrir gagnsæi |
| HSL | Að búa til litaspjöld | Auðvelt er að búa til ljósari/dökkari eða skyldar litbrigði með því að breyta einu tölugildi. |
Að nota þessi gildi í CSS
Öll þrjú sniðmát virka beint í stíllskjali: color: #1f3a5f;, color: rgb(31, 58, 95); og color: hsl(210, 51%, 25%); öll sýna nákvæmlega sama djúpháa bláa litinn. HEX er algengasta skammstöfun fyrir einlita liti, á meðan RGB (eða sitt rgba() afbrigði) er gagnlegt þegar litur þarf að vera að hluta til gagnsær, og HSL gerir það einfalt að búa til samræmt litróf með því að halda litbrigðinu óbreyttu og stilla eingöngu ljósstyrkinn.
Algengar spurningar
Er þetta RGB til HEX umreiknivél ókeypis í notkun?+
Já. Það keyrir alfarið með JavaScript í vafranum þínum, svo enginn aðgangur, engin API-lykill og engin takmörk fyrir hversu oft þú getur notað það.
Er litasniðgagna mínu hlaðið einhvers staðar upp?+
Nei. Öll umbreyting fer fram staðbundið í vafranum þínum. Ekkert er sent til netþjóns, vistað né skráð.
Hver er raunverulegur munur á HEX og RGB?+
Þau lýsa sama litnum með mismunandi táknkerfum — HEX er sex stafa stuttform í sextætiskerfi fyrir sömu rauðu, grænu og bláu gildin sem RGB skráir sem þrjú aðskilin tölur frá 0 til 255.
Tæki fyrir hönnun og þróun
Hvernig þessi umbreytir virkar
Gildin eru umreiknuð í rauntíma milli RGB, HEX og HSL með JavaScript á meðan þú slærð inn eða velur lit — ekkert sem þú slærð inn er hlaðið upp á netþjón eða vistað neins staðar.
Síðast uppfært: 28. ágúst 2026.
Fleiri verkfæri í kassanum
Fleiri ókeypis verkfæri sem krefjast ekki API-lykils eru á forsíðunni.