Converter ng HEX sa HSL
I-convert ang HEX sa HSL habang nagta-type ka — libre, mabilis, may kasamang halimbawa, at tsart ng mga karaniwang kulay.
Mag-type ng HEX value at basahin ang katumbas na HSL value sa ibaba nito, o pumili ng kulay mula sa swatch.
Halimbawa ng proseso
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX at HSL
| Kulay | HEX | HSL |
|---|---|---|
| Pula | #ff0000 | 0, 100%, 50% |
| Kahel | #ffa500 | 39, 100%, 50% |
| Dilaw | #ffff00 | 60, 100%, 50% |
| Berde | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Asul | #0000ff | 240, 100%, 50% |
| Ube | #800080 | 300, 100%, 25% |
| Rosas | #ffc0cb | 350, 100%, 88% |
| Kayumanggi | #a52a2a | 0, 59%, 41% |
| Puti | #ffffff | 0, 0%, 100% |
| Abuhin | #808080 | 0, 0%, 50% |
| Itim | #000000 | 0, 0%, 0% |
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 HEX sa HSL?
I-type o i-paste ang inyong HEX value sa itaas — kusang mag-a-update ang HSL 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.