I-convert ang RGB sa HEX Red Green Blue ↔ Hexadecimal Libre Online Ligtas
Mag-type ng halaga sa RGB at basahin agad ito sa HEX. Nangyayari sa iyong browser ang kuwenta, walang ipinapadala saanman, at nakasulat sa ibaba kung saan nakadepende ang conversion sa halip na ipagpalagay.
Walang ina-upload
Saan galing ang mga notasyong ito
Ang hex at RGB ay iisang bagay na dalawang beses isinulat. Ang kulay ng screen ay tatlong numero — gaano karaming pula, berde at asul na liwanag ang ilalabas — bawat isa mula 0 hanggang 255, na isang byte; isinusulat lang ng hex ang mga byte na iyon sa base sixteen, kaya ang #FF8800 at rgb(255, 136, 0) ay iisang tagubilin sa iisang pixel. Inimbento ang HSL dahil walang nababasa ng tao sa dalawa: ibinibigay nito ang hue bilang anggulo sa paligid ng gulong ng kulay, na may saturation at lightness bilang porsyento, para mapagaan ng designer ang isang bagay nang hindi kinukuwenta muli ang tatlong numero. Ang CMYK ay nabibilang sa ganap na ibang mundo — tinta sa halip na liwanag. Subtractive ito, binuo mula sa apat na plate ng pag-imprenta, at hindi nito naaabot ang bawat kulay na kaya ng screen, dahil naglalabas ng liwanag ang screen habang ang papel ay nagpapakita lang nito.
Saan mo sila nakakasalubong
Ang hex ang tina-type mo sa stylesheet at ibinibigay ng design tool. Lumilitaw ang RGB saanman kailangan ng aritmetika ang kulay — gradient, transparency, code na kumukuwenta ng shade. Ang HSL ang kinukuha mo kapag nag-aayos ng palette nang mano-mano, dahil ang mga pagbabagong gusto mo ay karaniwang pagbabago ng isa sa tatlong numero nito. Ang CMYK ang hinihingi ng printer, at ang pag-convert dito ang sandaling humihinto ang disenyo sa pagiging liwanag at nagiging tinta.
Mga tanong ng mga tao
Bakit iba ang CMYK na resulta sa ibinibigay ng printer ko?
Dahil walang iisang tamang conversion. Ang aritmetika sa pahinang ito ay ang payak, hindi nakadepende sa device, na siyang tamang sagot kapag kailangan mo ng panimulang punto o tinatayang katumbas. Nagko-convert ang print shop sa pamamagitan ng color profile na isinasaalang-alang ang partikular na tinta, papel at imprenta, at ang parehong RGB na kulay ay magbibigay ng magkaibang CMYK sa makintab na papel kaysa sa hindi pinahiran. Para sa anumang kailangang magtugma, hingin sa printer ang profile nila sa halip na magtiwala sa pormula.
Bakit hindi mai-print ang ilang kulay ng screen?
Dahil hindi nila naaabot ang parehong kulay. Gumagawa ng kulay ang screen sa pagdaragdag ng liwanag at kayang gumawa ng matingkad at saturated na cyan o berde na hindi matatapatan ng tinta; gumagawa ng kulay ang papel sa pagsipsip ng liwanag, at ang pinakamaliwanag nito ay ang puti ng pahina. Ang hanay ng mga kulay na naaabot ng bawat isa ay tinatawag na gamut, at kung saan hindi sila nagpapatong, kailangang pumili ang conversion ng pinakamalapit na magagamit na kulay. Kaya ang matingkad na kulay ng screen ay madalas na mukhang bahagyang namumutla sa print.
Eksakto ba ang sagot?
Kung ang dalawang yunit ay tinukoy sa isa't isa sa pamamagitan ng buong numero, oo — sinasabi iyon ng pahina sa itaas ng numero, at ang tanging pagbibilog ay sa dami ng digit na ipinapakita. Kung walang hangganang decimal ang ratio, nagpapakita ang pahina ng labindalawang makabuluhang digit at sinasabing tinatayang relasyon ito sa halip na magkunwari ng iba.
Lumalabas ba sa device ko ang anumang itina-type ko?
Hindi. Tumatakbo ang kuwenta sa iyong browser; walang ina-upload at walang server na mapagpapadalhan. I-load nang isang beses ang pahina at patuloy itong gagana kahit patayin ang network.
Bakit mo kino-convert ang RGB sa HEX
Ang image editor, color picker sa operating system o isang linya ng code ay nagbibigay sa iyo ng kulay bilang tatlong numero: 90, 70, 50. Ang stylesheet, design token file o mensahe sa kasamahan ay gusto itong isang maikling code: #5A4632. Ang hakbang sa pagitan ng mga ito ang ginagawa ng pahinang ito. Ang pag-convert ng RGB sa HEX ay pagsulat ng parehong tatlong numero sa base labing-anim, dalawang digit bawat isa, at paglalagay ng hash sign sa unahan. Madali itong gawin para sa isang kulay at nakakapagod para sa dalawampu, at madaling magkamali kapag ang numero ay nangangailangan ng leading zero o ang digit ay isang titik.
Eksakto ang conversion, na hindi totoo sa bawat conversion ng kulay. Ang hex at rgb() ay dalawang baybay ng parehong tatlong numero, ang dami ng pula, berde at asul na liwanag na dapat ilabas ng screen, bawat isa mula 0 hanggang 255. Walang tinatantiya, at ang pabalik-balik na biyahe ay nagbabalik ng pinagmulan. Ginagawa ito ng pahina sa iyong browser, at walang ina-upload. Sa ibaba makikita mo kung paano nagiging dalawang hex digit ang bawat numero, kung paano dinadala ang transparency, ang mga hangganan ng sRGB, ang mga lugar kung saan kailangang i-convert ng mga tao ang RGB sa HEX, at ilang gawi na nagpapanatiling pare-pareho ang mga kulay sa proyekto.
Paano gumagana ang conversion
Ang bawat numero ay nagiging dalawang hex digit
Kunin ang rgb(90, 70, 50). Hatiin ang bawat numero sa labing-anim: ang 90 ay 5 beses 16 dagdag 10, at ang 10 ay ang digit na A, kaya ang 90 ay nagiging 5A. Ang 70 ay 4 beses 16 dagdag 6, kaya 46. Ang 50 ay 3 beses 16 dagdag 2, kaya 32. Pagsamahin ang tatlong pares at idagdag ang hash sign: #5A4632. Ginagawa ito ng pahina para sa iyo habang nagta-type ka, at ipinapakita ang pangungusap na rgb(90, 70, 50) = #5A4632 para ma-verify mo.
Mga leading zero
Dapat may dalawang digit ang bawat pares. Ang numerong mas mababa sa 16 ay nangangailangan ng zero sa unahan: ang 7 ay nagiging 07, at ang 0 ay nagiging 00. Kaya ang rgb(0, 7, 255) ay #0007FF, hindi #07FF, na magkakaroon ng ibang-iba na kahulugan. Ang pagkalimot sa zero ang pinakakaraniwang pagkakamali kapag mano-manong ginagawa ang conversion.
Ang saklaw
Dapat nasa pagitan ng 0 at 255 ang bawat numero. Ang halagang higit sa 255 ay hindi maisusulat sa dalawang hex digit, at walang kahulugan ang negatibong halaga. Kung nagbigay ang pagkalkula sa code mo ng 270 o −5, limitahan ito muna sa saklaw. Ganoon din ang ginagawa ng converter, para hindi ito kailanman makabuo ng di-wastong code.
Ang pinananatili ng conversion at ang hindi nito kayang panatilihin
Pinananatili nito ang kulay, nang eksakto
Ang hex at rgb() ay dalawang baybay ng parehong tatlong numero, 0 hanggang 255 para sa pula, berde at asul, kaya walang tinatantiya at ang pabalik-balik na biyahe ay nagbabalik ng pinagmulan. I-convert ang RGB sa HEX at pabalik at makukuha mo ang mga numerong pinagsimulan mo.
Dinadala nito ang transparency
Dinadala rin ang ikaapat na halaga para sa transparency: ang #RRGGBBAA ay nagiging rgba(), at pabalik. Ang transparency na 0.5 ay nagiging pares na 80, dahil ang kalahati ng 255 ay mga 128, na 80 sa hex. Kaya ang rgba(90, 70, 50, 0.5) ay #5A463280. Tinatanggap ng lahat ng kasalukuyang browser ang hex na walong digit.
Hindi nito kayang ilarawan ang mga kulay sa labas ng sRGB
Parehong inilalarawan ng dalawang baybay ang sRGB, ang color space na ginamit ng screen sa loob ng tatlumpung taon. Hindi nila kayang ilarawan ang kulay sa labas nito, na siyang dahilan ng pagkakaroon ng mas bagong mga notasyon ng CSS, lab(), oklch() at color(). Kung nagsisimula ka sa kulay mula sa wide-gamut na tool, ang tatlong numerong kokopyahin mo ay ang bersyon na sa sRGB, at tapat ang hex sa mga iyon.
Hindi nito pinananatili ang shorthand
Kung saan maisusulat ang code sa tatlong digit, gaya ng #AABBCC bilang #ABC, ibinibigay ng converter ang mahabang anyo. Palaging wasto ang mahabang anyo at parehong kulay; kaginhawahan lang para sa mambabasa ang maikling anyo.
Mga karaniwang kulay at ang mga code nila
Ilang dapat tandaan
Ang rgb(255, 255, 255) ay #FFFFFF, puti: ang tatlong liwanag sa buong lakas. Ang rgb(0, 0, 0) ay #000000, itim: walang liwanag. Ang rgb(255, 0, 0) ay #FF0000, purong pula; ang rgb(0, 255, 0) ay #00FF00 at ang rgb(0, 0, 255) ay #0000FF. Ang anumang kulay na may tatlong magkakaparehong numero ay abo, at ang code nito ay may tatlong magkakaparehong pares: ang rgb(128, 128, 128) ay #808080.
Ang gawi ng web-safe
Nagsalita ang mga lumang gabay tungkol sa mga web-safe na kulay, na ang mga pares ay 00, 33, 66, 99, CC o FF lang. Kabilang ang mga ito sa panahon ng mga screen na 256 kulay at walang dahilan para manatili. Gamitin ang anumang halagang gusto mo; kaya ng screen na ipakita ang lahat.
Paano i-convert ang RGB sa HEX dito
I-type ang tatlong numero
Ipasok ang kulay sa unang field sa anyong rgb(90, 70, 50), o may mga numerong pinaghihiwalay ng kuwit o espasyo. Hindi kailangan ang mga porsyento; gumamit ng mga numero mula 0 hanggang 255.
Basahin ang hex code
Lumilitaw agad ang sagot sa kabilang field, na nagsisimula sa hash sign, sa malalaking titik. Kung nagbigay ka ng ikaapat na halaga para sa transparency, may walong digit ang code.
Kopyahin ito sa gawa mo
I-paste ang code sa stylesheet, sa token file o sa mensahe. Idagdag ito sa tala ng palette mo para ang susunod na conversion ay isang paghahanap na lang.
Saan nanggaling ang mga notasyong ito
Ang hex at RGB ay iisang bagay na isinulat nang dalawang beses
Ang kulay sa screen ay tatlong numero, kung gaano karaming pula, berde at asul na liwanag ang ilalabas, bawat isa mula 0 hanggang 255, na isang byte. Isinusulat lang ng hex ang mga byte na iyon sa base labing-anim, kaya ang #FF8800 at rgb(255, 136, 0) ay iisang tagubilin sa iisang pixel.
HSL at CMYK
Naimbento ang HSL dahil hindi nababasa ng tao ang alinman sa dalawa: ibinibigay nito ang hue bilang anggulo sa palibot ng color wheel, na may saturation at lightness bilang porsyento, para makagawa ang designer ng mas magaan na kulay nang hindi muling kinakalkula ang tatlong bilang. Ang CMYK ay kabilang sa ganap na ibang mundo, tinta sa halip na liwanag. Subtractive ito, binuo mula sa apat na printing plate, at hindi nito maaabot ang bawat kulay na kaya ng screen, dahil naglalabas ng liwanag ang screen habang sinasalamin lang ito ng papel. Tingnan ang HEX sa HSL at RGB sa CMYK.
Saan mo sila nakikita
Sa paglilipat ng disenyo
Gumagawa ang designer sa editor na nagpapakita ng mga halaga ng rgb o picker; kailangan ng developer ang hex para sa stylesheet. Ang pag-convert ng RGB sa HEX ang hakbang sa gitna, at ginagawa ito para sa bawat kulay sa palette.
Sa mga script na nagkakalkula ng kulay
Ang script na naghahalo ng dalawang kulay o nagpapadilim ng isa ay gumagana sa mga numero at nagtatapos sa tatlo sa mga ito. Para magamit ang resulta sa stylesheet, o ipakita ito, dapat itong isulat bilang hex code. Ilang linya lang ang paggawa nito nang mano-mano sa code; mas mabilis ang pagsuri ng resulta gamit ang converter.
Sa data visualisation
Tinatanggap ng mga chart library ang mga kulay bilang hex string. Ang mga palette na nabuo sa pamamagitan ng numerikal na paraan ay lumalabas bilang mga rgb triple. Ginagawang isa ang kabila ng hakbang ng conversion.
Sa mga dokumento at presentasyon
Ipinapakita ng mga Office program ang mga kulay bilang mga numero ng RGB; hex ang gusto ng mga web editor. Kapag kailangang lumitaw ang kulay ng brand sa parehong lugar, pinananatiling magkapareho ng conversion ang mga ito.
Mga patibong kapag kino-convert ang RGB sa HEX
Pagkalimot sa leading zero
Ang pagsulat ng 7 bilang 7 at hindi 07 ay naglilipat sa bawat sumusunod na digit. Laging gumamit ng dalawang digit bawat pares.
Pagkalito sa porsyento at 0 hanggang 255
Ang rgb(35%, 27%, 20%) ay ibang baybay ng mga numero, na ang 100 porsyento ay 255. Kung porsyento ang gamit ng pinagmulan mo, i-convert muna ang mga ito sa 0 hanggang 255: i-multiply sa 2.55.
Mga error sa pag-round sa mga kinalkulang kulay
Ang script na nagbibigay ng 127.5 ay dapat magpasya kung 127 o 128 ito. Hindi nakikita ang pagkakaiba, ngunit gumagawa ito ng dalawang code para sa inakala mong isang kulay. Mag-round sa parehong paraan saanman.
Pagkuha ng kulay mula sa screenshot
Ang kulay na binasa mula sa screenshot ay dumaan sa color management ng screen at marahil sa compression. Maaaring magkaiba ito ng isa o dalawang hakbang sa pinagmulan. Gamitin ang design file kung maaari.
Mga tanong ng mga tao bago mag-convert
Ano ang rgb(255, 0, 0) sa hex?
#FF0000, purong pula.
Ano ang rgb(0, 0, 0) sa hex?
#000000, itim.
Maaari ba akong gumamit ng maliliit na titik sa hex code?
Oo. Ang #5a4632 at #5A4632 ay iisang kulay. Malalaking titik ang isinusulat ng pahina.
Eksakto ba ang conversion?
Oo. Dalawang baybay ito ng parehong tatlong numero.
Ina-upload ba ang kulay ko?
Hindi. Tumatakbo sa iyong browser ang aritmetika at walang ipinapadala saanman.
Paano ako babalik?
Gamit ang HEX sa RGB, na binabasa ang tatlong pares bilang mga numero.
Mga gawi na nagpapanatiling pare-pareho ang mga kulay sa proyekto
Tukuyin ang bawat kulay nang isang beses
Ilagay ang palette mo sa mga custom property, gaya ng --brand: #5A4632, at tukuyin ang mga kulay sa pangalan. Kapag kino-convert mo ang RGB sa HEX para sa bagong kulay, nagdaragdag ka ng isang linya, at sumusunod ang bawat paggamit.
Pumili ng isang uri ng titik
Pumili ng malaki o maliit na titik para sa mga hex code at manatili rito. Maaasahan na ang paghahanap ng kulay sa code.
Itala ang pinagmulan
Sa tabi ng bawat kulay, itala kung saan ito galing: ang brand guide, isang logo, isang sinample na larawan. Kapag lumitaw ang tanong kung tama ang isang kulay, alam mo kung saan titingin.
Subukan ang contrast
Para sa teksto sa may kulay na background, suriin ang contrast ratio gamit ang tool. Ang mga numero mula sa anyong rgb ay direktang ipinapasok sa pormula, at ang anyong hex ang itinatype sa karamihan ng mga checker.
Bakit 256 na hakbang, at ano ang nasa likod ng mga numero
Walong bit para sa bawat liwanag
Iniimbak ang bawat isa sa tatlong numero sa walong bit, na nagpapahintulot ng 256 halaga mula 0 hanggang 255. Ang tatlo nang magkakasama ay nagbibigay ng 256 × 256 × 256, mga 16.7 milyong kombinasyon, na higit sa kayang pag-ibahin ng mata sa karamihan ng kondisyon. Iyon ang dahilan kung bakit eksaktong anim na digit ang haba ng mga hex code: dalawa para sa bawat liwanag, hindi hihigit at hindi kukulang. Kapag kino-convert mo ang RGB sa HEX, isinusulat mo ang tatlong byte sa pinakasiksik na anyo na napagkasunduan ng mga tao.
Bakit hindi magkapareho ang hitsura ng magkakapantay na hakbang
Hindi proporsyonal ang mga numero sa liwanag na umaabot sa mata mo. Naglalapat ang mga screen ng kurba, malapit sa power na 2.2, para ang madidilim na tono ay makakuha ng mas maraming bahagi ng 256 na hakbang kaysa sa maliwanag, na bagay sa mata. Ang hakbang mula 10 hanggang 20 ay mukhang mas malaking pagbabago kaysa sa hakbang mula 240 hanggang 250. Para sa iyo, nangangahulugan ito na ang pag-average ng dalawang kulay sa pamamagitan ng pag-average ng mga numero nila ay hindi nagbibigay ng kulay na makikita mo sa paghahalo ng mga liwanag, isang katotohanang mahalaga kapag nagkakalkula ka ng mga gradient at blend sa code.
Mga abo at ang dayagonal
Lahat ng abo ay nasa linyang kung saan magkakapareho ang tatlong numero. May 256 sa mga ito, mula sa itim sa 0 hanggang puti sa 255. Kung kino-convert mo ang RGB sa HEX at magkakatugma ang tatlong pares, alam mo agad na walang hue ang kulay. Ang halos abo na may mga pares na magkaiba ng isa o dalawang hakbang ay may mahinang tint, na madalas gamitin ng mga designer para bigyan ang neutral na kulay ng bahid ng init o lamig.
Pagbuo at pagsuri ng palette
Mula sa iilang piniling kulay hanggang sa palette
Ang karaniwang palette ay may pangunahing kulay, accent, neutral para sa teksto, mas magaang neutral para sa mga ibabaw at isa o dalawang signal na kulay para sa tagumpay at error. Piliin ang bawat isa sa design tool mo, basahin ang mga numero nitong rgb, at i-convert ang RGB sa HEX para sa stylesheet. Isulat ang mga ito bilang mga custom property na may pangalang naglalarawan ng tungkulin, at handa na ang palette para gamitin sa bawat component.
Contrast sa pagitan ng teksto at background
Ang nababasang teksto ay nangangailangan ng sapat na pagkakaiba ng liwanag sa pagitan ng mga titik at ng background nila. Tinutukoy ng mga gabay sa accessibility ang contrast ratio na kinakalkula mula sa mga halaga ng pula, berde at asul ng dalawang kulay, at humihingi ng hindi bababa sa 4.5 sa 1 para sa normal na teksto. Tinatanggap ng mga checker ang mga hex code, kaya ang mga code na ginawa mo rito ay maaaring direktang ipasok sa mga ito. Suriin ang bawat pagpapares na balak mong gamitin, hindi lang ang pangunahing kulay sa puti.
Pag-convert ng listahan
Kapag marami kang kulay na iko-convert, isa-isahin ang mga ito at i-paste ang bawat resulta sa talahanayan na may pangalan at gamit nito. Isang minuto lang ito bawat kulay, at ang talahanayan ang nagiging sanggunian ng buong proyekto. Kung kalaunan ay isasaayos ang isang kulay, ang hanay lang nito ang kailangang baguhin.
Pagpapanatiling magkaugnay ang hex at rgb
Kung ang proyekto mo ay nag-iimbak ng ilang kulay bilang hex at ang iba bilang rgb, madali silang magkahiwalay kapag may nag-edit ng isa at nakalimutan ang kabila. Pumili ng isa bilang master, kadalasan ay hex, at kunin ang kabila gamit ang converter kailanman kailangan mo.
Mga kaugnay na converter
Sinasaklaw ng parehong pamilya ng mga tool ang mga kalapit na conversion. Para bumalik, gamitin ang HEX sa RGB. Para sa mga kulay na inilalarawan sa hue, nariyan ang HEX sa HSL at HSL sa HEX, at para sa print, RGB sa CMYK, CMYK sa RGB at CMYK sa HEX. Para sa mga laki sa parehong stylesheet, ginagawa ng px sa rem para sa mga haba ang ginagawa ng pahinang ito para sa mga kulay.
Isang halimbawang nalutas
Sabihin nating sinasabi sa iyo ng color picker sa image editor na ang accent ng isang litrato ay rgb(214, 98, 56). Itinatype mo ang tatlong numero at nababasa ang #D66238. Sa stylesheet, isinusulat mo ang --accent: #D66238 at ginagamit ito para sa mga button at link. Nagtatanong ang kasamahan kung ano ang kulay sa brand guide, at ipinapadala mo ang code. Kalaunan, kailangan mo ng translucent na bersyon para sa banner, at kino-convert mo ito pabalik gamit ang HEX sa RGB para buuin ang rgba(214, 98, 56, 0.15). Eksakto ang parehong conversion, kaya pareho ang hue ng banner at ng button.
Maikling checklist
Bago mag-convert
Tiyaking nasa pagitan ng 0 at 255 ang bawat numero. Magpasya kung kailangan mo ng transparency.
Habang nagko-convert
I-type ang tatlong numero, basahin ang code at kopyahin ito kasama ang hash sign nito.
Pagkatapos mag-convert
Subukan ang kulay sa konteksto, sa totoong background, at suriin ang contrast ng anumang tekstong nakapatong dito.
Mga karaniwang pagkakamali
Pagtanggal ng leading zero
May dalawang digit ang bawat pares. Ang 7 ay 07.
Pagsulat ng mga numerong higit sa 255
Hindi maisusulat ang mga ito sa dalawang digit. Limitahan muna ang mga ito.
Pagturing sa screen bilang katotohanan
Eksakto ang mga numero. Nakadepende sa display ang hitsura.
Nananatili sa device mo ang mga kulay mo
Lokal na nangyayari ang pagkalkula. Ginagamit ng sarili mong browser ang mga halaga mo at walang ipinapadala saanman. Walang buburahin pagkatapos at walang account na gagawin. Iyon ang payak na paraan para i-convert ang RGB sa HEX.
Buod
Para i-convert ang RGB sa HEX dito, i-type ang tatlong numero at basahin agad ang hex code. Pinananatili ng conversion ang kulay nang eksakto: ang hex at rgb() ay dalawang baybay ng parehong tatlong numero, 0 hanggang 255 para sa pula, berde at asul, kaya walang tinatantiya at ang pabalik-balik na biyahe ay nagbabalik ng pinagmulan. Dinadala rin ang ikaapat na halaga para sa transparency, dahil ang rgba() ay nagiging #RRGGBBAA, at pabalik. Parehong inilalarawan ng dalawang baybay ang sRGB, kaya hindi nila kayang ilarawan ang mga kulay sa labas nito. May dalawang digit ang bawat pares, kaya ang numerong mas mababa sa 16 ay nakakakuha ng leading zero. Walang ina-upload.