ImageColorPicker.com

Guhertoyê ji HSL bo RGB

Her rengê HSL bi RGB wêne bikin — bi demek û belaş

#F39C12

Her nirxa rengê li vir paste bike — em forma bo te têdîtin.

H
S
L
Encama RGB
Sor
243
Kesk
156
Şîn
18

Ev reng di hemû forman de

Profîla CMYK: Coated FOGRA39 (mîhengê bingehîn ê Photoshop ji bo Ewropayê)

HSL rêyeke hevalperest e bo hilbijartina rengê, lê RGB ew e ku ekranan, canvas API'yan û koda wêne rastî dixwazin. Ev veguherîner her hue, saturation û lightnessê di rêzeya rast 0–255 kanalên de dikeve.

Çawa guhertina ji HSL bo RGB dixebite

  1. S û L biguherîne bo parçe û chroma C = (1 − |2L − 1|) × S hesab bike.
  2. Hê (hue) bi 60 beş bike da ku segmenta wê li ser çarçoveya rengan bibîne û nirxa navîn X = C × (1 − |(H/60 mod 2) − 1|) hesab bike.
  3. Li gorî wê segmentê C, X û 0 bi rêza R, G û B ve binivîse.
  4. Offset-a lightness L − C/2 zêde bike ser hemî sê kanal û bi 255 multipliyê bike.

Mînakî ku xebitî

HSL hsl(37, 90%, 51%)=RGB rgb(243, 156, 18)

Encam heta dawî li gorî girêdanê bo hejmara temamî rast e. Nirxên hue an saturationê ku parçeyên ne-tamam in jî destûr in û bi tenê li ser nirxê RGB ya herî nêzîk dê rawestin.

HSL û RGB vekirî

HSL çi ye?

HSL rengek di sê beşan de dikeve: hue (0–360° li ser çarçoveya rengan), saturation (çawa rengdar, 0–100%) û lightness (çawa ronahî, 0–100%). Ji ber ku her beş wek awayê mirovan reng îzah dikin têkildar e, HSL hêsantirîn format e bo avakirinê tint, shade û paletên pêwist — bi dest an di kodê de.

Sintaks:
hsl(H, S%, L%)
Range:
0–360°, 0–100%, 0–100%
Baştirîn ji bo:
palet, tint û shade, theming

RGB çi ye?

RGB rengek wek sê kanalên ronahiyê tê dîyar kirin — sor, kesk û şîn — her yek ji 0 heta 255. Ew rifeya çawa ekranan rastî xebitînin nîşan dide: hemû sê bi 255 spî dikin, hemû bi 0 re reş. Heke tu divê bi hejmaran hesab bike, RGB bijarteke rast e, û rgba() jî serî transparansê zêde dike.

Sintaks:
rgb(R, G, B)
Range:
0–255 per channel
Baştirîn ji bo:
kod, canvas, transparans bi rgba()

Tabela referansê ji HSL bo RGB

Renganên herî gelek di CSS de, guhertî ji HSL bo RGB.

RengHSLRGB
blackhsl(0, 0%, 0%)rgb(0, 0, 0)
whitehsl(0, 0%, 100%)rgb(255, 255, 255)
redhsl(0, 100%, 50%)rgb(255, 0, 0)
limehsl(120, 100%, 50%)rgb(0, 255, 0)
bluehsl(240, 100%, 50%)rgb(0, 0, 255)
yellowhsl(60, 100%, 50%)rgb(255, 255, 0)
orangehsl(39, 100%, 50%)rgb(255, 166, 0)
tealhsl(180, 100%, 25%)rgb(0, 127, 128)
purplehsl(300, 100%, 25%)rgb(128, 0, 127)
grayhsl(0, 0%, 50%)rgb(128, 128, 128)

Guhertoyên rengê yên zêdetir

Pirsên pirr tê pirsîn

S û L biguherîne bo parçe û chroma C = (1 − |2L − 1|) × S hesab bike. Hê (hue) bi 60 beş bike da ku segmenta wê li ser çarçoveya rengan bibîne û nirxa navîn X = C × (1 − |(H/60 mod 2) − 1|) hesab bike. Li gorî wê segmentê C, X û 0 bi rêza R, G û B ve binivîse. Offset-a lightness L − C/2 zêde bike ser hemî sê kanal û bi 255 multipliyê bike.

Encam heta dawî li gorî girêdanê bo hejmara temamî rast e. Nirxên hue an saturationê ku parçeyên ne-tamam in jî destûr in û bi tenê li ser nirxê RGB ya herî nêzîk dê rawestin.

RGB rengek wek sê kanalên ronahiyê tê dîyar kirin — sor, kesk û şîn — her yek ji 0 heta 255. Ew rifeya çawa ekranan rastî xebitînin nîşan dide: hemû sê bi 255 spî dikin, hemû bi 0 re reş. Heke tu divê bi hejmaran hesab bike, RGB bijarteke rast e, û rgba() jî serî transparansê zêde dike.

Erê. Bişkojka guhertinê li dijî qada têketinê te digihîje guherandina RGB bo HSL, ku tevî wisa xebitînin. Her du alî bi heman formula têne hesibandin, tenê bi rêya vegerandinê têne sepandin.

Palette di koda de çêdikî? Li ser hue di HSL de loop bike û her gav veguherîne bo RGB — tu rengên bi hevber derbas dikin ku destê xwe bi tweak-ên RGB ê manûel nekin baldar nake.