ImageColorPicker.com

RGB to HSL converter

Shandura chero ruvara rweRGB kuenda kuHSL — pakarepo uye mahara

#9B59B6

Namira chero kukosha kweruvara — tinoona fomati yako otomatiki.

R
G
B
mhedzisiro yeHSL
Ruvara (hue)
283°
Kuzara (saturation)
39%
Kujeka (lightness)
53%

Ruvara urwu mumafomati ese

Profaira yeCMYK: Coated FOGRA39 (zvakasarudzwa kare nePhotoshop zveEurope)

RGB inoudza skrini kuti ipe chiedza chakadii; HSL inokuratidza kuti ruvara runooneka sei chaizvo. Kushandura machannels matatu kuita hue, saturation uye lightness kunoita kuti ruvara zvive nyore kuchinjwa nemaoko.

Maitiro ekuverenga RGB kuenda ku HSL

  1. Govera R, G neB ne255 kuti kukosha kwega kwega kuve pakati pe0 ne1.
  2. Tora maximum uye minimum pakati pezvitatu — avhareji yavo ndiyo lightness L.
  3. Kana maximum neminimum zvakafanana, ruvara rwuri grey: hue nesaturation zvese zviri 0.
  4. Kana zvisiri, dhawunirodha S kubva pa spread pakati pe maximum ne minimum, uye verenga H kubva kune chanel iri maximum.

Muenzaniso wakashanda

RGB rgb(155, 89, 182)=HSL hsl(283, 39%, 53%)

Chaizvo musimboti. Nekuti H, S neL zvinowanzoratidzwa sezvavanotenderedzwa kuva manhamba akazara, kudzokera zvakare kunogona kushandura chanel neimwe kana nhanho mbiri.

RGB and HSL explained

Chii chinonzi RGB?

RGB inotsanangura ruvara sezviteshi zvitatu zverambi — red, green ne blue — imwe neimwe kubva pa 0 kusvika 255. Inoratidza maitiro anoshanda masikirini: ese matatu pa255 anopa chena, ese pa0 anopa nhema. RGB ndiyo sarudzo yakakodzera paunoda kuverenga nemavara, uye rgba() inowedzera kuvharika pamusoro.

Syntax:
rgb(R, G, B)
Range:
0–255 per channel
Yakanakira:
code, canvas, transparency with rgba()

Chii chinonzi HSL?

HSL inopatsanura ruvara kuva hue (0–360° pachatisi chemavara), saturation (kuti riine ruvara zvakadii, 0–100%) uye lightness (kuti rine kupenya kwakadii, 0–100%). Nekuti chimwe nechimwe chikamu chinoenderana nenzira vanhu vanotsanangura ruvara, HSL ndiyo fomati iri nyore pakuvaka tints, shades uye mapaleti anoenderana — nemaoko kana mukodhi.

Syntax:
hsl(H, S%, L%)
Range:
0–360°, 0–100%, 0–100%
Yakanakira:
palettes, tints and shades, theming

RGB to HSL reference table

Mavara eCSS anowanzo shandiswa, akashandurwa kubva kuRGB kuenda kuHSL.

RuvaraRGBHSL
blackrgb(0, 0, 0)hsl(0, 0%, 0%)
whitergb(255, 255, 255)hsl(0, 0%, 100%)
redrgb(255, 0, 0)hsl(0, 100%, 50%)
limergb(0, 255, 0)hsl(120, 100%, 50%)
bluergb(0, 0, 255)hsl(240, 100%, 50%)
yellowrgb(255, 255, 0)hsl(60, 100%, 50%)
orangergb(255, 165, 0)hsl(39, 100%, 50%)
tealrgb(0, 128, 128)hsl(180, 100%, 25%)
purplergb(128, 0, 128)hsl(300, 100%, 25%)
grayrgb(128, 128, 128)hsl(0, 0%, 50%)

Zvimwe zvishanduri zvemavara

Mibvunzo inowanzo bvunzwa

Govera R, G neB ne255 kuti kukosha kwega kwega kuve pakati pe0 ne1. Tora maximum uye minimum pakati pezvitatu — avhareji yavo ndiyo lightness L. Kana maximum neminimum zvakafanana, ruvara rwuri grey: hue nesaturation zvese zviri 0. Kana zvisiri, dhawunirodha S kubva pa spread pakati pe maximum ne minimum, uye verenga H kubva kune chanel iri maximum.

Chaizvo musimboti. Nekuti H, S neL zvinowanzoratidzwa sezvavanotenderedzwa kuva manhamba akazara, kudzokera zvakare kunogona kushandura chanel neimwe kana nhanho mbiri.

HSL inopatsanura ruvara kuva hue (0–360° pachatisi chemavara), saturation (kuti riine ruvara zvakadii, 0–100%) uye lightness (kuti rine kupenya kwakadii, 0–100%). Nekuti chimwe nechimwe chikamu chinoenderana nenzira vanhu vanotsanangura ruvara, HSL ndiyo fomati iri nyore pakuvaka tints, shades uye mapaleti anoenderana — nemaoko kana mukodhi.

Hongu. Bhatani reku swap padhuze ne input rinoenda kune HSL kuenda ku RGB converter, rinoshanda nenzira imwe chete. Nzira mbiri dzese dzinoshandisa fomula imwe chete, asi yaiswa mukudzorera.

HSL inobuda pachena kana uchida ruvara rine hukama pane rwakatarwa: tenderedza H kuti uwane accent inoenderana, deredza S kuti uwane variant yakadzikama, simudza L kuti ugadzire hover state.