Nemokamas konverteris

HSL į HEX keitiklis

Akimirksniu konvertuokite HSL spalvų reikšmes į HEX spalvų kodus – nemokamas realaus laiko spalvų keitiklis.

Atspalvis
Sodrumas (%)
Lengvumas (%)

HEX išvestis

#368CE2
R:54
G:140
B:226

Kopijavimo formatas

#HEX formatas#368CE2
hsl() formatuhsl(210°, 75%, 55%)
rgb() formaturgb(54, 140, 226)

Apie šį įrankį

Konvertuokite HSL (atspalvis, sodrumas, šviesumas) spalvų reikšmes į šešioliktainius kodus. HSL yra intuityvus spalvų modelis, kuriame atspalvis yra spalvos kampas (0–360°), sodrumas – spalvos intensyvumas (0–100%), o šviesumas kontroliuoja spalvos šviesumą ar tamsumą (0–100%). Naudinga dizaineriams, kurie dirba HSL ir kuriems reikia šešioliktainių kodų CSS.

Kaip naudoti

  1. Įveskite atspalvio reikšmę (0–360 laipsnių spalvų ratuke).
  2. Nustatykite sodrumą (0–100 %) ir šviesumą (0–100 %).
  3. Šešioliktainis kodas apskaičiuojamas ir rodomas realiu laiku.
  4. Nukopijuokite šešioliktainį kodą, kad galėtumėte naudoti savo CSS arba projektavimo įrankyje.

Dažnai užduodami klausimai

Kodėl naudoti HSL, o ne hex arba RGB?
HSL yra intuityvesnis žmonėms. Norite tamsesnio atspalvio? Sumažinti lengvumą. Norite nutildytos versijos? Sumažinti prisotinimą. Šie ryšiai nėra akivaizdūs šešioliktainiame arba RGB režime, kur reikia pakoreguoti visus tris kanalus.
Ką reiškia atspalvis 0 prieš 360?
Ir 0°, ir 360° yra raudoni – atspalvio ratas apgaubiamas. Pagrindiniai atspalviai: 0° = raudona, 60° = geltona, 120° = žalia, 180° = žydra, 240° = mėlyna, 300° = rausvai raudona.
Kas nutinka esant 0% ir 100% prisotinimui?
Esant 0 % sodrumui, bet koks atspalvis tampa pilkos spalvos atspalviu (nustatomas vien dėl šviesumo). Esant 100 % sodrumui, gausite gryniausią, ryškiausią to atspalvio versiją.
Kaip veikia lengvumas?
0% šviesumas visada yra juodas, nepaisant atspalvio / sodrumo. 100% visada yra balta. 50% suteikia gryną, ryškiausią spalvos variantą. Vertės tarp 0–50 % yra tamsesni atspalviai, 50–100 % – šviesesni atspalviai.