Converter ng HSL sa HEX
I-convert ang HSL sa HEX habang nagta-type ka — libre, mabilis, may kasamang halimbawa, at tsart ng mga karaniwang kulay.
Mag-type ng HSL value at basahin ang katumbas na HEX value sa ibaba nito, o pumili ng kulay mula sa swatch.
Halimbawa ng proseso
HSL 11, 100%, 60% = HEX #ff5733
Paano gumagana ang conversion
- Ang HEX code ay pareho ring tatlong RGB channel na isinulat sa base-16: dalawang digit bawat channel, mula 00 (0) hanggang ff (255).
- Inilalarawan ng HSL ang parehong kulay sa pamamagitan ng hue (0–360° sa color wheel), saturation, at lightness — madaling gamitin para sa pagpapadilim o pagpapalamlam ng kulay sa pamamagitan ng pagbabago sa isang bahagi lamang.
Mga karaniwang kulay sa HSL at HEX
| Kulay | HSL | HEX |
|---|---|---|
| Pula | 0, 100%, 50% | #ff0000 |
| Kahel | 39, 100%, 50% | #ffa500 |
| Dilaw | 60, 100%, 50% | #ffff00 |
| Berde | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Asul | 240, 100%, 50% | #0000ff |
| Ube | 300, 100%, 25% | #800080 |
| Rosas | 350, 100%, 88% | #ffc0cb |
| Kayumanggi | 0, 59%, 41% | #a52a2a |
| Puti | 0, 0%, 100% | #ffffff |
| Abuhin | 0, 0%, 50% | #808080 |
| Itim | 0, 0%, 0% | #000000 |
Ang bawat conversion ay tumatakbo sa iyong browser. Walang anuman sa mga inilalagay mo ang ina-upload sa BroBroGo.
Mga Madalas Itanong (FAQ)
Paano ko po mai-convert ang HSL sa HEX?
I-type o i-paste ang inyong HSL value sa itaas — kusang mag-a-update ang HEX value habang nagta-type kayo. Maaari niyo rin pong piliin ang kulay gamit ang swatch.
Eksakto po ba ang conversion?
Ang mga value ay iniroround sa mga buong numero, ang anyong inaasahan ng CSS at mga design tool. Ang pagkakaiba ay napakaliit at hindi mapapansin ng mata.