Spalvų konverteris
Įveskite HEX spalvos kodą, kad pamatytumėte jo RGB ir HSL atitikmenis su atskiromis raudonos, žalios ir mėlynos spalvų kanalų reikšmėmis.
Kaip naudotis šiuo spalvų konverteriu
- Įveskite HEX spalvos kodą
Įveskite 6 skaitmenų HEX kodą į laukelį (pvz., FF6B35 arba 00FF88). Nenaudokite # simbolio.
- Peržiūrėkite RGB vertes
Raudonos, žalios ir mėlynos spalvų kanalų rezultatai rodo kiekvieno komponento vertes nuo 0 iki 255.
- Patikrinkite HSL rezultatą
Peržiūrėkite HSL rezultatą: atspalvį (0–360°), sodrumą ir šviesumą – tai naudinga koreguojant spalvas.
Kaip veikia šis spalvų keitiklis
Šis įrankis konvertuoja šešioliktainį (hex) spalvos kodą į RGB (raudona, žalia, mėlyna) ir HSL (atspalvis, sodrumas, šviesumas) formatus. Kiekviena šešioliktainė pora atitinka 8 bitų kanalo vertę (0–255), o HSL konvertavimui naudojama standartinė spalvų erdvės matematika.
R = hex[0:2] → dešimtainis; G = hex[2:4] → dešimtainis; B = hex[4:6] → dešimtainis Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — gryna juoda.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — gryna balta. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — vidutinė pilka.
- ✓ Įvestas tinkamas 6 skaitmenų šešioliktainis spalvos kodas.
- ✓ Alfa kanalas šioje versijoje nepalaikomas.
- CMYK konvertavimui reikalingas spalvų profilis, todėl jis čia neįtrauktas.
Spalvų modelių supratimas
HEX, RGB ir HSL yra skirtingi būdai apibūdinti tą pačią spalvą. HEX koduoja RGB kaip 6 skaitmenų šešioliktainę eilutę: kiekviena simbolių pora yra vienas 8 bitų kanalas (0–255). RGB tas pačias vertes išreiškia trimis skaičiais – tai adityviosios pagrindinės spalvos, kurias skleidžia ekranai. HSL (atspalvis, sodrumas, šviesumas) yra cilindrinis modelis: atspalvis yra kampas spalvų rate (0° raudona, 120° žalia, 240° mėlyna), sodrumas – spalvos intensyvumas, o šviesumas – ryškumas. Dizaineriai dažnai renkasi HSL programuodami spalvas – keičiant tik šviesumą spalva tamsėja arba šviesėja nekeičiant atspalvio, o reguliuojant sodrumą keičiamas ryškumas.
Spalvų konvertavimo panaudojimo atvejai programuotojams
Programuotojai konvertuoja spalvas kurdami dizaino sistemas, diegdami temas, generuodami spalvų paletes ir derindami CSS. Dizaino elementai dažnai saugo spalvas HEX formatu; konvertavimas į RGB arba HSL leidžia atlikti skaičiavimus realiuoju laiku, pavyzdžiui, nustatyti permatomumo sluoksnius arba patikrinti prieinamumo kontrastą. Temų perjungikliams gali prireikti sukurti šviesesnius ar tamsesnius pagrindinės spalvos variantus naudojant HSL. Automatiniai prieinamumo įrankiai konvertuoja spalvas, kad apskaičiuotų skaisčio ir kontrasto santykius. Derinant išdėstymo ar temų klaidas, HEX vertės matymas kaip RGB ar HSL padeda nustatyti, kuris kanalas yra neteisingas. Spalvų konvertavimas taip pat naudojamas duomenų vizualizacijai, diagramų bibliotekoms ir dinamiškam vartotojo sąsajos temų kūrimui.
Dažniausiai užduodami klausimai
Ar galiu įvesti 3 skaitmenų hex kodą?
Šiuo metu įrankis priima 6 skaitmenų kodus. 3 skaitmenų trumpinį (pvz., F60) pirmiausia išplėskite iki FF6600.
Kas yra HSL?
HSL reiškia atspalvį, sodrumą ir šviesumą (Hue, Saturation, Lightness). Tai alternatyvus spalvų aprašymo būdas, kuris dizaineriams dažnai yra intuityvesnis nei RGB.