Converter ng RGB sa HSL
I-convert ang RGB sa HSL habang nagta-type ka — libre, mabilis, may kasamang halimbawa, at tsart ng mga karaniwang kulay.
Mag-type ng RGB value at basahin ang katumbas na HSL value sa ibaba nito, o pumili ng kulay mula sa swatch.
Halimbawa ng proseso
RGB 255, 87, 51 = HSL 11, 100%, 60%
Paano gumagana ang conversion
- 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 RGB at HSL
| Kulay | RGB | HSL |
|---|---|---|
| Pula | 255, 0, 0 | 0, 100%, 50% |
| Kahel | 255, 165, 0 | 39, 100%, 50% |
| Dilaw | 255, 255, 0 | 60, 100%, 50% |
| Berde | 0, 128, 0 | 120, 100%, 25% |
| Cyan | 0, 255, 255 | 180, 100%, 50% |
| Asul | 0, 0, 255 | 240, 100%, 50% |
| Ube | 128, 0, 128 | 300, 100%, 25% |
| Rosas | 255, 192, 203 | 350, 100%, 88% |
| Kayumanggi | 165, 42, 42 | 0, 59%, 41% |
| Puti | 255, 255, 255 | 0, 0%, 100% |
| Abuhin | 128, 128, 128 | 0, 0%, 50% |
| Itim | 0, 0, 0 | 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 RGB sa HSL?
I-type o i-paste ang inyong RGB 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.