Color Converter

Mag-convert ng mga kulay sa pagitan ng HEX, RGB, HSL, HSV, CMYK, at LAB — i-edit ang kahit anong field at ang iba ay mag-a-update habang nagpapatuloy ka.

Ang bawat conversion ay tumatakbo sa iyong browser. Walang anuman sa mga inilalagay mo ang ina-upload sa BroBroGo.

FAQ

Aling mga format ng kulay ang maaari kong i-convert?

HEX, RGB, HSL, HSV, CMYK, at LAB. Mag-type ng value sa alinman sa mga ito at ang limang iba pa ay mag-a-update nang sabay-sabay, kaya maaari kang magpalit mula sa kahit anong format patungo sa iba.

Handa na ba para sa propesyonal na pag-print ang CMYK output?

Ituring ito bilang isang malapit na pagtatantya sa screen. Ang totoong print CMYK ay nakadepende sa papel, tinta, at profile ng printer, kaya maaaring magbigay ang isang print shop ng mga value na medyo iba rito.

Bakit medyo nagbabago ang kulay ng LAB o CMYK kapag ibinalik?

Kayang ilarawan ng LAB at CMYK ang mga kulay na hindi maipakita ng screen. Kapag ang value ay lumampas sa nakikitang saklaw ng RGB, hinahila ito sa pinakamalapit na kulay na maaaring i-display, kaya ang pag-convert pabalik ay maaaring magbago nang kaunti.

Isinulat at sinuri ng editorial team ng BroBroGo.Huling na-update:

Ang Color Converter ay isang tool na nagbibigay-daan sa mabilis na pag-convert ng mga kulay sa pagitan ng iba't ibang format tulad ng HEX, RGB, HSL, HSV, CMYK, at LAB. Sa pamamagitan ng pag-type ng value ng kulay sa alinman sa mga input field, instant na mag-a-update ang lahat ng iba pang format ng kulay upang tumugma dito. Maaari ding pumili ng kulay gamit ang visual na color picker o swatch.

Ang tool na ito ay idinisenyo para sa mga designer, front-end developer, at sinumang kailangang maglipat ng mga value ng kulay sa pagitan ng iba't ibang color space. Ang bawat conversion ay tumatakbo sa iyong browser, at walang anuman sa mga inilalagay mo ang ina-upload sa BroBroGo.

Mga Format ng Kulay at Paano Sila Kinakatawan

Gumagamit ang mga digital na system at pisikal na media ng iba't ibang modelo ng kulay upang ilarawan ang liwanag at kulay. Upang magamit nang wasto ang tool, mahalagang maunawaan ang mga panuntunan sa pag-input para sa bawat format:

  • HEX: Isang hexadecimal color code na nagsisimula sa simbolo na #. Halimbawa nito ay #4f46e5 o #abc.
  • RGB: Binubuo ng tatlong numero na kumakatawan sa mga value ng red, green, at blue na may saklaw mula 0 hanggang 255. Halimbawa nito ay 79, 70, 229.
  • HSL: Kumakatawan sa Hue (0–360), saturation (porsyento), at lightness (porsyento). Halimbawa nito ay 243, 75%, 59%.
  • HSV: Kumakatawan sa Hue (0–360), saturation (porsyento), at value (porsyento). Halimbawa nito ay 243, 69%, 90%.
  • CMYK: Binubuo ng apat na porsyento na kumakatawan sa cyan, magenta, yellow, at key (black) na may saklaw mula 0 hanggang 100. Halimbawa nito ay 66%, 69%, 0%, 10%.
  • LAB: Binubuo ng L (lightness, 0–100), a (green-red axis), at b (blue-yellow axis). Halimbawa nito ay 40.73, 50.63, -79.08.

Pagkakaiba ng Additive at Subtractive na Modelo ng Kulay

Ang pagpapakita ng kulay sa mga digital na screen ay gumagamit ng additive color model, partikular ang RGB. Sa modelong ito, ang mga kulay ay nililikha sa pamamagitan ng pagsasama-sama ng liwanag mula sa mga elementong red, green, at blue. Kapag pinagsama ang lahat ng tatlong kulay sa kanilang pinakamataas na intensity (255, 255, 255), ang resulta ay puting liwanag.

Sa kabilang banda, ang pag-print sa pisikal na media ay gumagamit ng subtractive color model, partikular ang CMYK. Gumagana ito sa pamamagitan ng pagbawas ng liwanag na sumasalamin sa papel gamit ang mga tinta ng cyan, magenta, yellow, at black. Ang pagsasama-sama ng mga tintang ito ay nagreresulta sa mas madidilim na kulay. Dahil magkaiba ang prinsipyo ng dalawang modelong ito, ang CMYK output na ipinapakita ng tool ay isang on-screen estimate lamang. Maaari itong mag-iba sa mga value na ginagamit sa propesyonal na pag-print dahil sa mga pagkakaiba sa papel, tinta, at mga profile ng printer.

Ang Konsepto ng Color Gamut at mga Limitasyon sa Screen

Ang bawat modelo ng kulay ay may partikular na "gamut" o ang kabuuang saklaw ng mga kulay na kaya nitong ilarawan o i-display. Ang LAB color space ay may napakalawak na gamut na kayang ilarawan ang mga kulay na hindi kayang ipakita ng karaniwang RGB screen.

Kapag naglagay ka ng value sa LAB o CMYK na lumampas sa nakikitang saklaw ng RGB (out-of-gamut), awtomatikong iaakma ng tool ang value sa pinakamalapit na kulay na maaaring i-display sa screen. Dahil sa pagsasaayos na ito, ang pag-convert ng naturang kulay pabalik sa orihinal nitong format ay maaaring magdulot ng kaunting pagbabago o shift sa mga orihinal na value.

Paghawak sa mga Error sa Input

Kapag ang inilagay na value sa alinman sa mga field ay hindi wasto o hindi sumusunod sa tamang format, magpapakita ang tool ng mga partikular na mensahe ng error upang gabayan ang user:

  • Para sa maling HEX: "Ilagay ang hex color tulad ng #4f46e5 o #abc."
  • Para sa maling RGB: "Ilagay ang RGB bilang tatlong numero mula 0–255, tulad ng 79, 70, 229."
  • Para sa maling HSL: "Ilagay ang HSL bilang hue 0–360 na may dalawang porsyento, tulad ng 243, 75%, 59%."
  • Para sa maling HSV: "Ilagay ang HSV bilang hue 0–360 na may dalawang porsyento, tulad ng 243, 69%, 90%."
  • Para sa maling CMYK: "Ilagay ang CMYK bilang apat na porsyento mula 0–100, tulad ng 66%, 69%, 0%, 10%."
  • Para sa maling LAB: "Ilagay ang LAB bilang L 0–100 na may a at b, tulad ng 40.73, 50.63, -79.08."

Mga Madalas Itanong (FAQ)

Aling mga format ng kulay ang maaari kong i-convert?

HEX, RGB, HSL, HSV, CMYK, at LAB. Mag-type ng value sa alinman sa mga ito at ang limang iba pa ay mag-a-update nang sabay-sabay, kaya maaari kang magpalit mula sa kahit anong format patungo sa iba.

Handa na ba para sa propesyonal na pag-print ang CMYK output?

Ituring ito bilang isang malapit na pagtatantya sa screen. Ang totoong print CMYK ay nakadepende sa papel, tinta, at profile ng printer, kaya maaaring magbigay ang isang print shop ng mga value na medyo iba rito.

Bakit medyo nagbabago ang kulay ng LAB o CMYK kapag ibinalik?

Kayang ilarawan ng LAB at CMYK ang mga kulay na hindi maipakita ng screen. Kapag ang value ay lumampas sa nakikitang saklaw ng RGB, hinahila ito sa pinakamalapit na kulay na maaaring i-display, kaya ang pag-convert pabalik ay maaaring magbago nang kaunti.

Ligtas ba ang aking mga data kapag ginamit ko ang tool na ito?

Oo. Ang bawat conversion ay tumatakbo sa iyong browser. Walang anuman sa mga inilalagay mo ang ina-upload sa BroBroGo.

Image Color PickerPumili ng anumang pixel mula sa isang imahe at basahin ang HEX, RGB at HSL nito, na may magnifier para sa tumpak na pag-sample.Contrast CheckerMaglagay ng kulay ng text at background para makita ang WCAG contrast ratio at kung aling mga antas ng AA at AAA ang pumapasa.Binary/Hex ConverterI-convert ang mga numero sa pagitan ng binary, hex, decimal, at octal — o gawing bytes ang text.Image Format ConverterMag-convert ng mga imaheng JPG, PNG, WebP, HEIC, at AVIF sa iyong browser.Pampaliit ng LarawanPaliitin ang mga JPEG, PNG at WebP sa iyong browser, nang hindi binabago ang laki ng pixel.Kalkulador ng Aspect RatioGawing malinis na ratio tulad ng 16:9 ang anumang lapad × taas, o pumili ng ratio para kumpletuhin ang kulang na panig — para sa video, larawan, at mga screen.Favicon GeneratorGawing favicon.ico at lahat ng laki ng icon na kailangan ng iyong site ang isang PNG, JPG o SVG, na nakaimbak sa isang ZIP.Box Shadow GeneratorI-drag ang mga slider para humubog ng box-shadow, magpatong ng mga layer para sa lalim, at kopyahin ang natapos na CSS agad-agad.Gradient GeneratorBumuo ng linear, radial, o conic na gradient, magdagdag ng mga color stop at i-set ang direksyon, pagkatapos ay kopyahin ang CSS sa isang click lang.Border Radius GeneratorBilugin ang bawat sulok gamit ang mga slider, humubog ng mga organic blob gamit ang elliptical mode, at kopyahin ang CSS agad-agad.Flexbox GeneratorMag-set up ng flex container at ng mga item nito gamit ang mga visual na kontrol, panoorin ang reaksyon ng layout nang live, at kopyahin ang CSS sa isang click lang.CSS Beautifier & MinifierI-reindent ang magulong CSS para madaling basahin, o i-minify para sa mas maliit na file — may safe mode na hindi kailanman nagbabago sa pagkakasunod-sunod ng iyong mga rule.px sa rem at em ConverterMag-convert sa pagitan ng px, rem, at em gamit ang sarili mong root at context font size — i-edit ang kahit anong field at ang dalawa pa ay mag-a-update habang nagta-type ka.