Pretvornik barv
Vnesite barvno kodo hex, da vidite njene ustreznice RGB in HSL s posameznimi vrednostmi rdečega, zelenega in modrega kanala.
Kako uporabljati ta pretvornik barv
- Vnesite hex barvno kodo
V polje za hex barvno kodo vnesite 6-mestno kodo (npr. FF6B35 ali 00FF88). Izpustite simbol #.
- Preberite vrednosti RGB
Rezultati za rdeči (Red), zeleni (Green) in modri (Blue) kanal prikazujejo vrednosti od 0 do 255 za vsako komponento.
- Preverite izpis HSL
Preglejte rezultat HSL za odtenek (0–360°), nasičenost in svetlost — uporabno za prilagajanje barv.
Kako deluje ta pretvornik barv
To orodje pretvori šestnajstiško barvno kodo v zapisa RGB (rdeča, zelena, modra) in HSL (odtenek, nasičenost, svetlost). Vsak šestnajstiški par se preslika v 8-bitno vrednost kanala (0–255), pretvorba v HSL pa uporablja standardno matematiko barvnega prostora.
R = hex[0:2] → decimalno; G = hex[2:4] → decimalno; B = hex[4:6] → decimalno Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — čista črna.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — čista bela. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — srednje siva.
- ✓ Vnos je veljavna 6-mestna šestnajstiška barvna koda.
- ✓ Alfa kanal v tej različici ni podprt.
- Pretvorba v CMYK zahteva barvni profil in tukaj ni vključena.
Razumevanje barvnih modelov
HEX, RGB in HSL so različni načini opisovanja iste barve. HEX kodira RGB kot 6-mestni šestnajstiški niz: vsak par znakov predstavlja en 8-bitni kanal (0–255). RGB izraža iste vrednosti kot tri številke, aditivne primarne barve, ki jih oddajajo zasloni. HSL (Hue, Saturation, Lightness) je cilindrični model: odtenek je kot na barvnem krogu (0° rdeča, 120° zelena, 240° modra), nasičenost je intenzivnost barve, svetlost pa svetloba. Oblikovalci pogosto raje uporabljajo HSL pri programskem prilagajanju barv — spreminjanje samo svetlosti potemni ali posvetli barvo brez spreminjanja odtenka, prilagajanje nasičenosti pa spremeni živahnost.
Primeri uporabe pretvorbe barv za razvijalce
Razvijalci pretvarjajo barve pri gradnji oblikovalskih sistemov, implementaciji tem, ustvarjanju barvnih palet in odpravljanju napak v CSS. Oblikovalski žetoni pogosto shranjujejo barve v hex; pretvorba v RGB ali HSL omogoča izračune med delovanjem, kot so prekrivanja s prosojnostjo ali preverjanje dostopnega kontrasta. Preklopniki tem morda potrebujejo svetlejše ali temnejše različice osnovne barve z uporabo HSL. Avtomatizirana orodja za dostopnost pretvarjajo barve za izračun svetilnosti in kontrastnih razmerij. Pri odpravljanju napak v postavitvi ali temah vpogled v vrednost hex kot RGB ali HSL pomaga ugotoviti, kateri kanal je napačen. Pretvorba barv se uporablja tudi pri vizualizaciji podatkov, knjižnicah grafikonov in dinamičnem oblikovanju uporabniškega vmesnika.
Pogosta vprašanja
Ali lahko vnesem 3-mestno hex kodo?
Trenutno to orodje pričakuje 6-mestno kodo. Za 3-mestne okrajšave, kot je F60, jih najprej razširite na FF6600.
Kaj je HSL?
HSL pomeni Hue (odtenek), Saturation (nasičenost), Lightness (svetlost). Je alternativni način opisovanja barv, ki se nekaterim oblikovalcem zdi bolj intuitiven kot RGB.