RGBk hiru kanal hamartar ematen dizkizu 0 eta 255 artean. HEX-era bihurtzeak kanal bakoitza bi digituko hexaidezimal zenbaki bihurtzen du, beraz kolore osoa token trinko batera sartzen da, eta nabigatzaile, diseinu tresna eta estilo gida guztiek ulertzen dute.
Nola funtzionatzen duen RGB-tik HEX-ra bihurketa
- Hartzen ezazu gorria den kanalaren balioa eta zatitu 16z: zatitzailea lehen digitoa da, eta hondarra bigarrena.
- Idatzi 10etik 15era doazen digituak Atik Fraino — 255ek FF bihurtzen du.
- Errepikatu berde eta urdinarekin, eta digitu bakarrak aurreko zeroz bete: 5ek 05 bihurtzen du.
- Elkartu hiru bikoteak eta jarri # aurrean.
Adibide errealista
Zehatza da, beti eta kanalak 0tik 255era bitarteko zenbaki osoak direnean. Frakzio-balioak, adibidez rgb(79.5, 70, 229), lehenik eta behin hurbilketa egin eta hurbilen dagoen osora biribilduko dira, izan ere HEXek ez du bitarteko baliorik gordetzen.
RGB eta HEX azalduak
Zer da RGB?
RGB kolore bat hiru argi-kanal gisa deskribatzen du — gorri, berde eta urdin — bakoitza 0tik 255era. Pantailen funtzionamendua islatzen du: hirurak 255etan zuria ematen dute, guztiak 0an beltza. RGB egokia da kolerekin kalkulatu behar duzunean, eta rgba()k gardentasuna gehitzen du horren gainean.
- Sintaxia:
- rgb(R, G, B)
- Tartea:
- 0–255 kanal bakoitzean
- Egokiena:
- kodea, canvas, gardentasuna rgba()arekin
Zer da HEX?
HEX kodea sei digituko hexaidezimal zenbaki bat da, kolore baten gorri, berde eta urdin kanalak gordetzen dituena aurreko # batekin. Digituen bikote bakoitzak kanal bat adierazten du, 00 (ezik)etik FF (osoa)ra, eta horrek RGBk bezalako 16,7 milioi kolore ematen ditu notazio askoz txikiago batean. HEX da lehenetsi CSSen, diseinu tresnen eta marka gidailetan.
- Sintaxia:
- #RRGGBB
- Tartea:
- 00–FF kanal bakoitzean
- Egokiena:
- CSS, diseinu entregak, marka gidailetarako
RGB-tik HEX-ra erreferentzia-taula
Ohikoenak diren CSS koloreak, RGB-tik HEX-ra bihurtuak.
| Kolorea | 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 |