ImageColorPicker.com

HEX na RGB omskakelaar

Skakel enige HEX-kleur na RGB om — onmiddellik en gratis

#FF5733

Plak enige kleurwaarde — ons herken die formaat vir jou.

RGB resultaat
Rooi
255
Groen
87
Blou
51

Hierdie kleur in elke formaat

CMYK-profiel: Coated FOGRA39 (Photoshop se standaard vir Europa)

’n HEX-kode pak drie 8-bit getalle in ses heksadesimale syfers. Om HEX na RGB om te skakel beteken om daardie syfers in pare te verdeel en elke paar as ’n desimale getal tussen 0 en 255 te lees — presies die waardes wat CSS, Figma en beeldredigeerders verwag.

Hoe HEX na RGB omskakeling werk

  1. Laat die leidende # val en, as die kode net drie syfers het, verdubbel elkeen: #f53 word #ff5533.
  2. Verdeel die ses syfers in drie pare — RR, GG en BB.
  3. Lees elke paar as ’n basis-16 getal en skakel dit na basis 10 om: FF word 255, 57 word 87, 33 word 51.
  4. Skryf die drie uitslae as rgb(R, G, B).

Werkende voorbeeld

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

Hierdie omskakeling is presies. HEX en RGB beskryf dieselfde sRGB-waardes in ’n ander notasie, so niks word afgerond of verloor in enige rigting nie.

HEX en RGB verduidelik

Wat is HEX?

’n HEX-kode is ’n ses-syfer heksadesimale getal wat die rooi-, groen- en bloukanaal van ’n kleur agter ’n leidende # stoor. Elke paar syfers dek een kanaal, van 00 (geen) tot FF (vol), wat dieselfde 16,7 miljoen kleure gee as RGB maar in ’n baie korter notasie. HEX is die verstek in CSS, ontwerptoepassings en handelsriglyne.

Sintaks:
#RRGGBB
Reeks:
00–FF per kanaal
Beste vir:
CSS, ontwerp-oordrag, handelsriglyne

Wat is RGB?

RGB beskryf ’n kleur as drie ligkanale — rooi, groen en blou — elk van 0 tot 255. Dit weerspieël hoe skerms werklik werk: almal by 255 gee wit, almal by 0 gee swart. RGB is die regte keuse wanneer jy met die nommers moet reken, en rgba() voeg deursigtigheid bo-op.

Sintaks:
rgb(R, G, B)
Reeks:
0–255 per kanaal
Beste vir:
kode, canvas, deursigtigheid met rgba()

HEX na RGB verwysingstabel

Die mees algemene CSS-kleure, omgeskakel van HEX na RGB.

KleurHEXRGB
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)

Meer kleuromskakelaars

Gereelde vrae

Laat die leidende # val en, as die kode net drie syfers het, verdubbel elkeen: #f53 word #ff5533. Verdeel die ses syfers in drie pare — RR, GG en BB. Lees elke paar as ’n basis-16 getal en skakel dit na basis 10 om: FF word 255, 57 word 87, 33 word 51. Skryf die drie uitslae as rgb(R, G, B).

Hierdie omskakeling is presies. HEX en RGB beskryf dieselfde sRGB-waardes in ’n ander notasie, so niks word afgerond of verloor in enige rigting nie.

RGB beskryf ’n kleur as drie ligkanale — rooi, groen en blou — elk van 0 tot 255. Dit weerspieël hoe skerms werklik werk: almal by 255 gee wit, almal by 0 gee swart. RGB is die regte keuse wanneer jy met die nommers moet reken, en rgba() voeg deursigtigheid bo-op.

Ja. Die ruilknoppie langs die invoer neem jou na die RGB na HEX omsetter, wat presies op dieselfde manier werk. Albei rigtings gebruik dieselfde formule, net omgekeerd toegepas.

Gebruik RGB wanneer jy met die nommers moet werk — ’n enkele kanaal animeer, kleure in kode meng of deursigtigheid byvoeg met rgba(). HEX bly die korter, meer leesbare keuse vir statiese CSS.