Color Converter
Maglagay ng hex color code para makita ang mga katumbas nitong RGB at HSL na may mga indibidwal na value para sa red, green, at blue channel.
Paano gamitin ang color converter na ito
- Ilagay ang hex color code
Mag-type ng 6-digit na hex code sa Hex color code field (hal. FF6B35 o 00FF88). Huwag isama ang simbolong #.
- Basahin ang mga RGB value
Ipinapakita ng mga resulta para sa Red channel, Green channel, at Blue channel ang mga value na 0–255 para sa bawat bahagi.
- Suriin ang HSL output
Tingnan ang resulta ng HSL para sa hue (0–360°), saturation, at lightness — kapaki-pakinabang para sa mga pag-aayos ng kulay.
Paano gumagana ang color converter na ito
Kino-convert ng tool na ito ang hexadecimal color code sa mga representasyong RGB (red, green, blue) at HSL (hue, saturation, lightness). Ang bawat hex pair ay tumutugma sa 8-bit channel value (0–255), at ang HSL conversion ay gumagamit ng standard color space mathematics.
R = hex[0:2] → decimal; G = hex[2:4] → decimal; B = hex[4:6] → decimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — purong itim.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — purong puti. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — mid gray.
- ✓ Ang input ay isang valid na 6-digit hex color code.
- ✓ Hindi suportado ang alpha channel sa bersyong ito.
- Ang CMYK conversion ay nangangailangan ng color profile at hindi kasama rito.
Pag-unawa sa mga color model
Ang HEX, RGB, at HSL ay iba't ibang paraan upang ilarawan ang iisang kulay. Ang HEX ay nag-e-encode ng RGB bilang isang 6-digit na hexadecimal string: ang bawat pares ng mga character ay isang 8-bit channel (0–255). Ang RGB ay nagpapahayag ng parehong mga value bilang tatlong numero, ang mga additive primary color na inilalabas ng mga screen. Ang HSL (Hue, Saturation, Lightness) ay isang cylindrical model: ang hue ay ang anggulo sa color wheel (0° pula, 120° berde, 240° asul), ang saturation ay ang tindi ng kulay, at ang lightness ay ang liwanag. Madalas na mas gusto ng mga designer ang HSL kapag nag-aayos ng mga kulay sa pamamagitan ng programming — ang pagbabago sa lightness lang ay nagpapadilim o nagpapaliwanag nang hindi binabago ang hue, at ang pag-adjust sa saturation ay nagbabago sa tingkad.
Mga gamit ng color conversion para sa mga developer
Nagko-convert ng mga kulay ang mga developer kapag bumubuo ng mga design system, nagpapatupad ng mga tema, gumagawa ng mga color palette, at nagde-debug ng CSS. Ang mga design token ay madalas na nag-iimbak ng mga kulay sa hex; ang pag-convert sa RGB o HSL ay nagbibigay-daan sa mga runtime calculation gaya ng mga opacity overlay o accessible contrast check. Maaaring kailanganin ng mga theme switcher na kumuha ng mas maliwanag o mas madilim na variant mula sa base color gamit ang HSL. Ang mga automated accessibility tool ay nagko-convert ng mga kulay upang kalkulahin ang luminance at contrast ratio. Kapag nagde-debug ng mga bug sa layout o tema, ang pagtingin sa hex value bilang RGB o HSL ay nakakatulong na matukoy kung aling channel ang may mali. Ginagamit din ang color conversion sa data visualization, mga chart library, at dynamic UI theming.
Mga madalas itanong
Maaari ba akong maglagay ng 3-digit na hex code?
Sa kasalukuyan, nangangailangan ang tool na ito ng 6-digit na code. Para sa 3-digit shorthand tulad ng F60, gawin muna itong FF6600.
Ano ang HSL?
Ang HSL ay nangangahulugang Hue, Saturation, Lightness. Isa itong alternatibong paraan ng paglalarawan ng mga kulay na mas madaling intindihin para sa ilang designer kaysa sa RGB.