Bezmaksas pārveidotājs

HSL uz HEX pārveidotājs

Nekavējoties konvertējiet HSL krāsu vērtības uz HEX krāsu kodiem — bezmaksas reāllaika krāsu pārveidotājs.

Nokrāsa
Piesātinājums (%)
Vieglums (%)

HEX izvade

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

Kopēšanas formāts

#HEX formāts#368CE2
hsl() formātāhsl(210°, 75%, 55%)
rgb() formātārgb(54, 140, 226)

Par šo rīku

Konvertējiet HSL (Hue, Saturation, Lightness) krāsu vērtības heksadecimālos kodos. HSL ir intuitīvs krāsu modelis, kurā nokrāsa ir krāsu leņķis (0–360°), piesātinājums ir krāsas intensitāte (0–100%), un Lightness kontrolē krāsas gaišumu vai tumšumu (0–100%). Noderīgi dizaineriem, kuri strādā HSL un kuriem ir nepieciešami CSS hex kodi.

Kā lietot

  1. Ievadiet vērtību Hue (krāsu ritenī 0–360 grādi).
  2. Iestatiet piesātinājumu (0–100%) un vieglumu (0–100%).
  3. Hex kods tiek aprēķināts un parādīts reāllaikā.
  4. Kopējiet heksadecimālo kodu, lai to izmantotu CSS vai dizaina rīkā.

Bieži uzdotie jautājumi

Kāpēc izmantot HSL, nevis hex vai RGB?
HSL cilvēkiem ir intuitīvāks. Vai vēlaties tumšāku nokrāsu? Samaziniet vieglumu. Vai vēlaties izslēgtu versiju? Samazināt piesātinājumu. Šīs attiecības nav acīmredzamas hex vai RGB formātā, kur jums ir jāpielāgo visi trīs kanāli.
Ko nozīmē nokrāsa 0 pret 360?
Gan 0°, gan 360° ir sarkani — nokrāsas ritenis apvij apkārt. Galvenās nokrāsas: 0° = sarkana, 60° = dzeltena, 120° = zaļa, 180° = ciāna, 240° = zila, 300° = fuksīna.
Kas notiek pie 0% un 100% piesātinājuma?
Pie 0% piesātinājuma jebkura nokrāsa kļūst par pelēku nokrāsu (ko nosaka tikai gaišums). Pie 100% piesātinājuma jūs iegūstat šīs nokrāsas tīrāko un spilgtāko versiju.
Kā darbojas vieglums?
0% gaišums vienmēr ir melns neatkarīgi no nokrāsas/piesātinājuma. 100% vienmēr ir balts. 50% nodrošina tīru, visspilgtāko krāsas versiju. Vērtības starp 0-50% ir tumšāki toņi, 50-100% ir gaišāki toņi.