Toepassing: Skakel Hex-, RGB- en RGBA-kleure om
Dit is 'n eenvoudige hulpmiddel om 'n heksadesimale kleur om te skakel na 'n RGB- of RGBA-waarde of omgekeerd. As jy hex na RGB omskakel, voer die hex-waarde in as #000
or #000000
. As jy RGB na hex omskakel, voer die RGB-waarde in as rgb(0,0,0)
or rgba(0,0,0,0.1)
. Ek gee ook die algemene naam vir die kleur terug.
Hex na RGB en RGB/RGBA na Hex kleuromskakelaar
Heksadesimale (blok) kleure, RGB kleure, en RGBA kleure is alle maniere om kleure in te spesifiseer HTML en CSS.
- Heksadesimale kleure word gespesifiseer met 'n ses-syfer heksadesimale kode wat begin met 'n pondteken (
#
). Die kode bestaan uit drie pare van twee heksadesimale syfers, wat elk die intensiteit van een van die primêre kleure (rooi, groen en blou) verteenwoordig. Byvoorbeeld, die kleur swart word voorgestel as#000000
in heksadesimale, en die kleur wit word voorgestel as#ffffff
. - RGB kleure word gespesifiseer met behulp van die
rgb()
funksie, wat drie waardes tussen 0 en 255 neem wat die intensiteit van die primêre kleure (rooi, groen en blou) verteenwoordig. Byvoorbeeld, die kleur swart word voorgestel asrgb(0, 0, 0)
in RGB, en die kleur wit word voorgestel asrgb(255, 255, 255)
. - RGBA kleure is soortgelyk aan RGB-kleure, maar hulle bevat ook 'n alfawaarde wat die deursigtigheid van die kleur spesifiseer. Die alfawaarde is 'n desimale getal tussen 0 en 1, waar 0 heeltemal deursigtig is en 1 heeltemal ondeursigtig is. Byvoorbeeld, die kleur wit met 50% deursigtigheid word voorgestel as
rgba(255, 255, 255, 0.5)
in RGBA.
Oor die algemeen kan jy enige van hierdie kleurformate in HTML en CSS gebruik, afhangende van jou behoeftes. Heksadesimale kleure is korter en makliker om te lees as RGB- of RGBA-kleure, en hulle word deur alle moderne blaaiers ondersteun. RGB- en RGBA-kleure is meer ekspressief, aangesien dit jou toelaat om die intensiteit van die primêre kleure en die deursigtigheid van die kleur te spesifiseer.
Wanneer jy besluit watter kleurformaat om te gebruik, moet jy die vereistes van jou projek en die vermoëns van die teikenblaaier in ag neem. As jy 'n kleur met deursigtigheid moet spesifiseer, moet jy die RGBA-formaat gebruik. As jy net 'n soliede kleur moet spesifiseer, kan jy óf die heksadesimale óf die RGB-formaat gebruik.
Krediet aan Noem daardie kleur vir die mooi naam opsoek!