HEX kodeak hiru 8 bit-eko zenbaki sartzen ditu sei digituko hexaidezimaletan. HEXtik RGBra bihurtzea digituei bikoteka banatzea eta bikote bakoitza 0 eta 255 bitarteko hamarrezko zenbaki gisa irakurtzea da — hain zuzen CSS, Figma eta irudi editoreek espero dituzten balioak.
Nola funtzionatzen duen HEX-tik RGB-ra bihurketa
- Kendu aurreko # eta, kodeak hiru digituko bakarrik baditu, bikoiztu bakoitza: #f53 bihurtzen da #ff5533.
- Banatu sei digituak hiru bikotetan — RR, GG eta BB.
- Irakurri bikote bakoitza oinarrizko 16ko zenbaki gisa eta bihurtu 10eko sistemara: FF bihurtzen da 255, 57 bihurtzen da 87, 33 bihurtzen da 51.
- Idatzi hiru emaitzak rgb(R, G, B) moduan.
Adibide errealista
Bihurketa hau zehatza da. HEX eta RGBak sRGB balio berak deskribatzen dituzte notazio desberdinetan, beraz ez da ezer biribiltzen edo galtzen bi norabideetan.
HEX eta RGB azalduak
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
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
HEX-tik RGB-ra erreferentzia-taula
Ohikoenak diren CSS koloreak, HEX-tik RGB-ra bihurtuak.
| Kolorea | 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) |