Kodê HEX sê hejmarên 8-bit di şeş hejmarên hexadecimal de têxistin dike. Guhertina HEX bo RGB wateya parçe-parçe kirina wê hejmaran û xwendina her hevok wek hejmarek desimal di navbera 0 û 255 de ye — temamî nirxên ku CSS, Figma û editorekên wêneyê hêsib dikin.
Çawa guhertina ji HEX bo RGB dixebite
- Piştî #ê bingehîn jê bire û heke kod tenê sê hejmar hebe, her yek ji wan dubare bike: #f53 bibe #ff5533.
- Şeş hejmar binêrin û wan beşîn sê hevok — RR, GG û BB.
- Her hevok wek hejmarek base-16 bixwîne û wê bo base 10 biguherîne: FF bibe 255, 57 bibe 87, 33 bibe 51.
- Sê encam wek rgb(R, G, B) binivîse.
Mînakî ku xebitî
Ev guherandin temamî ye. HEX û RGB heman nirxên sRGB di notasyonek cuda de dîyar dikin, ji ber vê yekê tiştek nehate radestkirin an wenda nekirî di her du alî de.
HEX û RGB vekirî
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
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()
Tabela referansê ji HEX bo RGB
Renganên herî gelek di CSS de, guhertî ji HEX bo RGB.
| Reng | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |