RGB te sê kanalê desimal di navbera 0 û 255 de dide. Guhertin bo HEX her kanal dikeve hejmarek hexdîsimal a du-hedî, da ku tevahî reng di tîpêk compact de were girtin ku her browser, amûra dizayn û rêbaza style têfîh dikin.
Çawa guhertina ji RGB bo HEX dixebite
- Channel-a sor (red) bigire û wê bi 16 ve biceribîne: qism (quotient) hêman yekem e, mayîn (remainder) jî hêman duyem.
- Hejmara 10 heta 15 bi tîpan A heta F nivîse — 255 dê bibe FF.
- Ji bo kesk û şîn jî hemanê bixebitîne, û hejmara yekan bi sifrê pêşî pêkeve: 5 bibe 05.
- Sê cûreyên hevkî bi hev bikove û pêşî wan # zêde bike.
Mînakî ku xebitî
Rast e, heger kanalên tê de hejmarên tevahî ji 0 heta 255 be. Nirxên parçalek wek rgb(79.5, 70, 229) berî her tiştî berê zûr dikin bo hejmarê nejînî, çimkî HEX nikare di navbera wan de tiştekî tomar bike.
RGB û HEX vekirî
RGB çi ye?
RGB rengek wek sê kanalên ronahiyê tê dîyar kirin — sor, kesk û şîn — her yek ji 0 heta 255. Ew rifeya çawa ekranan rastî xebitînin nîşan dide: hemû sê bi 255 spî dikin, hemû bi 0 re reş. Heke tu divê bi hejmaran hesab bike, RGB bijarteke rast e, û rgba() jî serî transparansê zêde dike.
- Sintaks:
- rgb(R, G, B)
- Range:
- 0–255 per channel
- Baştirîn ji bo:
- kod, canvas, transparans bi rgba()
HEX çi ye?
Kodê HEX hejmarê hexdîsimal a şeş-hedî ye ku kanalan sor, kesk û şîn a rengê di piştê #ê de têne tomar kirin. Her hevok ji du hewlîdan xwe kanalek dide, ji 00 (neheş) heta FF (temam), ku wê heman 16.7 milyon rengên wek RGB di notasyona kurtir de peyda dike. HEX di CSS, amûrên dizayn û rêbazên brandê de nirxeke bingehîn e.
- Sintaks:
- #RRGGBB
- Range:
- 00–FF per channel
- Baştirîn ji bo:
- CSS, vegerandina dizaynê, rêbazên brand
Tabela referansê ji RGB bo HEX
Renganên herî gelek di CSS de, guhertî ji RGB bo HEX.
| Reng | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |