RGB jagħtik tliet kanali deċimali bejn 0 u 255. Li tikkonvertihom għal HEX jinbidel kull kanal f'numru esadesimali ta' żewġ ċifri, sabiex il-kulur kollu jinżamm f'token kompatt li kull browser, għodda tad-disinn u style guide jifhmu.
Kif taħdem il-konverżjoni RGB għal HEX
- Ħu l-kanal aħmar u aqsmu b’16: il-kwozjent hu d-dijta l-ewwel, ir-riżidwu d-dijta t-tieni.
- Ikteb id-dijti 10 sa 15 bħala l-ittri A sa F — 255 isir FF.
- Ripeti għall-aħdar u l-blu, timla dijti singoli b’żero quddiemhom: 5 isir 05.
- Ingħaqad it-tliet parijiet u poġġi # quddiemhom.
Eżempju mwettaq
Eżatt, sakemm il-kanali huma numru sħiħ bejn 0 u 255. Valuri frakssjonarji bħal rgb(79.5, 70, 229) jiġu mdawra għall-unità l-iktar viċin fil-bidu, għax HEX ma jista’ jżomm xejn bejniethom.
RGB u HEX spjegati
X'inhu RGB?
RGB jiddeskrivi kulur bħala tliet kanali tad-dawl — aħmar, aħdar u blu — kull wieħed minn 0 sa 255. Jipproġetta kif l-iskrins jaħdmu: l-ismija kollha f'255 jagħtu l-abjad, kollha f'0 jagħtu l-iswed. RGB huwa għażla tajba meta għandek bżonn tagħmel kalkoli fuq kulur, u rgba() iżid trasparenza fuq dan.
- Sintassi:
- rgb(R, G, B)
- Firxa:
- 0–255 kull kanal
- L-aħjar għal:
- kodiċi, canvas, trasparenza bi rgba()
X'inhu HEX?
Kodiċi HEX huwa numru esadesimali ta' sitt ċifri li jżomm il-kanal aħmar, aħdar u blu ta' kulur wara # quddiem. Kull par ta' ċifri jkopri kanal wieħed, minn 00 (ebda) sa FF (sħiħ), li jipprovdi l-istess 16.7 miljun kulur bħar-RGB fi notazzjoni ħafna aktar korta. HEX huwa l-default f'CSS, għodod ta' disinn u linji gwida tal-marka.
- Sintassi:
- #RRGGBB
- Firxa:
- 00–FF kull kanal
- L-aħjar għal:
- CSS, handoff tad-disinn, linji gwida tal-marka
RGB to HEX reference table
L-aktar kuluri CSS komuni, konvertiti minn RGB għal HEX.
| Kulur | 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 |