ImageColorPicker.com

Converter HSL ad RGB

Converte quemlibet colorem HSL in RGB — statim et gratis

#F39C12

Incolla quemlibet colorem — formatum tibi detegimus.

H
S
L
resultatum RGB
Rubrum
243
Viride
156
Caeruleum
18

Hic color in omnibus formatis

Profilium CMYK: Coated FOGRA39 (praefinitum Photoshop pro Europa)

HSL amicus est ad colorem eligendum, RGB vero est quod schermi, canvas API et codex imaginum revera consumunt. Hic convertor quilibet triplex hue, saturation et lightness in exactas canales 0–255 convertit.

Quomodo convertio HSL in RGB operatur

  1. Converte S et L in fractio nes et computa chromam C = (1 − |2L − 1|) × S.
  2. Divide hue per 60 ut segmentum in rota colorum invenias et computa valor intermedius X = C × (1 − |(H/60 mod 2) − 1|).
  3. Assigna C, X et 0 ad locos R, G et B secundum illud segmentum.
  4. Adde offset lightness L − C/2 ad omnes tres canales et multiplica per 255.

Exemplum operantis

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

Eventus est exactus usque ad ultimam approximationem ad canales integros. Valoribus fractionalibus pro hue vel saturation sustentatis, solum in proximum RGB triplex cadunt.

HSL et RGB explicati

Quid est HSL?

HSL dividit colorem in hue (0–360° in rota colorum), saturationem (quam coloratus, 0–100%) et lucem (quam clarus, 0–100%). Quia singula pars congruit cum modo quo homines colorem describunt, HSL est facilior forma ad tintas, umbras et constantes palettes construendas — manu vel in codice.

Syntaxis:
hsl(H, S%, L%)
Ambitus:
0–360°, 0–100%, 0–100%
Optimum ad:
palettes, tintae et umbrae, theming

Quid est RGB?

RGB describit colorem ut tres canales luminis — ruber, viridis et caeruleus — quisque ab 0 ad 255. Repraesentat quomodo screenia revera operantur: omnia tria ad 255 efficiunt album, omnia ad 0 efficiunt nigrum. RGB est aptissimus cum necesse est cum numero operari, et rgba() addit transparentiam.

Syntaxis:
rgb(R, G, B)
Ambitus:
0–255 per canalem
Optimum ad:
codex, canvas, transparentia cum rgba()

Tabula referentiarum HSL ad RGB

Frequentissima CSS colorum, a HSL in RGB conversae.

ColorHSLRGB
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)

Plures convertitores colorum

Interrogationes frequentes

Converte S et L in fractio nes et computa chromam C = (1 − |2L − 1|) × S. Divide hue per 60 ut segmentum in rota colorum invenias et computa valor intermedius X = C × (1 − |(H/60 mod 2) − 1|). Assigna C, X et 0 ad locos R, G et B secundum illud segmentum. Adde offset lightness L − C/2 ad omnes tres canales et multiplica per 255.

Eventus est exactus usque ad ultimam approximationem ad canales integros. Valoribus fractionalibus pro hue vel saturation sustentatis, solum in proximum RGB triplex cadunt.

RGB describit colorem ut tres canales luminis — ruber, viridis et caeruleus — quisque ab 0 ad 255. Repraesentat quomodo screenia revera operantur: omnia tria ad 255 efficiunt album, omnia ad 0 efficiunt nigrum. RGB est aptissimus cum necesse est cum numero operari, et rgba() addit transparentiam.

Ita. Puga pyga commutationis iuxta input te ducit ad convertitorem RGB in HSL, qui exacte eodem modo operatur. Utraque directio eandem formulam utitur, modo in contrarium applicata.

Generas palettam in codice? Itera per hue in HSL et converte singulos gradus in RGB — colores aequaliter spatiati accipies quos nullo manu RGB temperando æquare possis.