Litabreytir
Sláðu inn hex-litakóða til að sjá samsvarandi RGB og HSL gildi með einstökum gildum fyrir rauða, græna og bláa rás.
Hvernig á að nota þennan litaumbreyti
- Sláðu inn hex-litakóðann
Sláðu inn 6 stafa hex-kóða í reitinn fyrir hex-litakóða (t.d. FF6B35 eða 00FF88). Slepptu #-merkinu.
- Lestu RGB-gildin
Niðurstöður fyrir rauðu, grænu og bláu rásina sýna gildi á bilinu 0–255 fyrir hvern þátt.
- Skoðaðu HSL-úttakið
Skoðaðu HSL-niðurstöðuna fyrir litblæ (0–360°), mettun og birtustig — gagnlegt fyrir litalagfæringar.
Hvernig þessi litabreytir virkar
Þetta tól breytir sextándakerfis litakóða í RGB (rautt, grænt, blátt) og HSL (litblær, mettun, ljósleiki). Hvert hex-par samsvarar 8-bita rásargildi (0–255) og HSL-umbreytingin notar staðlaða litarýmisfræði.
R = hex[0:2] → tugakerfi; G = hex[2:4] → tugakerfi; B = hex[4:6] → tugakerfi Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — hreinn svartur.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — hreinn hvítur. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — miðgrár.
- ✓ Inntak er gildur 6 stafa hex-litakóði.
- ✓ Alfa-rás er ekki studd í þessari útgáfu.
- CMYK-umbreyting krefst litasniðs og er ekki innifalin hér.
Skilningur á litakerfum
HEX, RGB og HSL eru mismunandi leiðir til að lýsa sama litnum. HEX kóðar RGB sem 6 stafa sextándakerfisstreng: hvert par stafa er ein 8-bita rás (0–255). RGB tjáir sömu gildi sem þrjár tölur, viðbótargrunnlitina sem skjáir gefa frá sér. HSL (Hue, Saturation, Lightness) er sívalningslaga líkan: litblær er hornið á litahjólinu (0° rauður, 120° grænn, 240° blár), mettun er styrkur litarins og birtustig er hversu ljós liturinn er. Hönnuðir kjósa oft HSL þegar þeir breyta litum með forritun — að breyta birtustigi einu og sér dökknar eða lýsir án þess að hliðra litblænum, og að fínstilla mettun breytir lífleika litarins.
Notkunardæmi fyrir forritara við litabreytingar
Forritarar breyta litum þegar þeir smíða hönnunarkerfi, innleiða þemu, búa til litatöflur og kemba CSS. Hönnunarstakar (design tokens) geyma oft liti á hex-formi; breyting yfir í RGB eða HSL gerir útreikninga í rauntíma mögulega, svo sem fyrir gagnsæisþekjur eða aðgengisathuganir á birtuskilum. Þemaskiptar gætu þurft að leiða út ljósari eða dekkri afbrigði frá grunnlit með því að nota HSL. Sjálfvirk aðgengisverkfæri breyta litum til að reikna út ljósmagn og birtuskilahlutföll. Þegar verið er að kemba villur í útliti eða þemum hjálpar það að sjá hex-gildi sem RGB eða HSL við að bera kennsl á hvaða rás er röng. Litabreytingar eru einnig notaðar í gagnasýn, línuritssöfnum og kvikri þemugerð notendaviðmóta.
Algengar spurningar
Get ég slegið inn 3-stafa hex-kóða?
Eins og er gerir þetta tól ráð fyrir 6-stafa kóða. Fyrir 3-stafa styttingar eins og F60 þarf að breyta þeim í FF6600 fyrst.
Hvað er HSL?
HSL stendur fyrir Hue (litblær), Saturation (mettun) og Lightness (ljósleiki). Þetta er önnur leið til að lýsa litum sem sumum hönnuðum finnst innsæislegri en RGB.