ImageColorPicker.com

HEX to RGB converter

I-convert ang anumang HEX na kulay sa RGB — agad at libre

#FF5733

I-paste ang anumang halaga ng kulay — awtomatiko naming matutukoy ang format para sa iyo.

Resulta ng RGB
Pula
255
Berde
87
Asul
51

Ang kulay na ito sa lahat ng format

Profile ng CMYK: Coated FOGRA39 (karaniwang setting ng Photoshop para sa Europa)

Pinagsisiksik ng HEX code ang tatlong 8-bit numbers sa anim na hexadecimal digits. Ang pag-convert ng HEX sa RGB ay nangangahulugang hatiin ang mga digit na iyon sa pares at basahin ang bawat pares bilang decimal number sa pagitan ng 0 at 255 — eksaktong mga value na inaasahan ng CSS, Figma at image editors.

Paano gumagana ang conversion mula HEX papuntang RGB

  1. Tanggalin ang nangungunang # at, kung ang code ay may tatlong digit lang, doblehin ang bawat isa: #f53 becomes #ff5533.
  2. Hatiin ang anim na digit sa tatlong pares — RR, GG at BB.
  3. Basahin ang bawat pares bilang base-16 number at i-convert sa base 10: FF becomes 255, 57 becomes 87, 33 becomes 51.
  4. Isulat ang tatlong resulta bilang rgb(R, G, B).

Halimbawang gumagana

HEX #FF5733=RGB rgb(255, 87, 51)

Eksakto ang conversion na ito. Parehong naglalarawan ang HEX at RGB ng parehong sRGB values sa magkaibang notasyon, kaya walang nire-round o nawawala sa alinmang direksyon.

Ipinaliwanag ang HEX at RGB

Ano ang HEX?

Ang HEX code ay isang anim na digit na hexadecimal na numero na nag-iimbak ng red, green at blue channel ng isang kulay sa likod ng nangungunang #. Bawat pares ng digit ay sumasaklaw sa isang channel, mula 00 (wala) hanggang FF (buo), na nagbibigay ng parehong 16.7 milyong kulay gaya ng RGB pero sa mas maikling notasyon. HEX ang default sa CSS, design tools at brand guidelines.

Sintaks:
#RRGGBB
Saklaw:
00–FF per channel
Pinakamainam para sa:
CSS, design handoff, brand guidelines

Ano ang RGB?

Ipinapakita ng RGB ang kulay bilang tatlong channel ng ilaw — red, green at blue — bawat isa mula 0 hanggang 255. Ginagaya nito kung paano talaga gumagana ang mga screen: lahat ng tatlo sa 255 ay nagreresulta sa puti, lahat sa 0 ay itim. Tamang piliin ang RGB kapag kailangan mong mag-calculate gamit ang isang kulay, at nagdadagdag ang rgba() ng transparency sa ibabaw.

Sintaks:
rgb(R, G, B)
Saklaw:
0–255 per channel
Pinakamainam para sa:
code, canvas, transparency with rgba()

HEX to RGB reference table

Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula HEX papuntang RGB.

KulayHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

Ibang color converters

Mga madalas itanong

Tanggalin ang nangungunang # at, kung ang code ay may tatlong digit lang, doblehin ang bawat isa: #f53 becomes #ff5533. Hatiin ang anim na digit sa tatlong pares — RR, GG at BB. Basahin ang bawat pares bilang base-16 number at i-convert sa base 10: FF becomes 255, 57 becomes 87, 33 becomes 51. Isulat ang tatlong resulta bilang rgb(R, G, B).

Eksakto ang conversion na ito. Parehong naglalarawan ang HEX at RGB ng parehong sRGB values sa magkaibang notasyon, kaya walang nire-round o nawawala sa alinmang direksyon.

Ipinapakita ng RGB ang kulay bilang tatlong channel ng ilaw — red, green at blue — bawat isa mula 0 hanggang 255. Ginagaya nito kung paano talaga gumagana ang mga screen: lahat ng tatlo sa 255 ay nagreresulta sa puti, lahat sa 0 ay itim. Tamang piliin ang RGB kapag kailangan mong mag-calculate gamit ang isang kulay, at nagdadagdag ang rgba() ng transparency sa ibabaw.

Oo. Ang swap button sa tabi ng input ay dadalhin ka sa RGB sa HEX converter, na gumagana nang pareho lang. Parehong direksyon ang gumagamit ng parehong formula, pinag-aaplay lang nang pabaligtad.

Gamitin ang RGB kapag kailangan mong trabahuhin ang mga numero — mag-animate ng isang channel, mag-mix ng kulay sa code, o magdagdag ng transparency gamit ang rgba(). Mananatiling mas maikli at mas madaling basahin ang HEX para sa static CSS.