RGB üç onluk kanal berýär — her biri 0-den 255-e çenli. HEX-e öwürmek her kanaly iki sanly onaltyk sanlara öwürýär, şonuň üçin ähli reňk bir kompakt tokena siňýär we her brauzer, dizaýn gurallary we stil ýörelgeleri ony düşünýär.
RGB-den HEX-a öwürmegiň işleýşi
- Gyzyldy kanal al we ony 16-a böl: bölüniji birinji san, galdyk ikinji san bolar.
- 10-dan 15-e çenli sanlary A-dan F-e çenli harp hökmünde ýaz — 255 FF bolýar.
- Ýaşyl we gök üçin hem gaýtala, ýeke sanlary öňüne ýagdyrma nuly goşup doldur: 5 05 bolýar.
- Üç juftlygy birleşdir we öňüne # goý.
Işläp görlen mysal
Kesgitli, eger kanallar 0-dan 255-e çenli bütin sanlar bolsa. rgb(79.5, 70, 229) ýaly kesirli bahalar öňinçe iň ýakyn bütin sanla öwrülýär, sebäbi HEX aralykdaky sanlary saklap bilmeýär.
RGB we HEX düşündirişleri
RGB näme?
RGB reňki üç yşyk kanal hökmünde düşündirýär — gyzyl, gök we ýaşyl — her biri 0-dan 255-e çenli. Bu ekranlaryň hakykatdan nähili işleýşini görkezýär: üçüsi-de 255-de bolanda ak peýda bolýar, ählisi 0-da bolsa gara. RGB reňk bilen hasaplama gerek bolanda dogry saýlawdyr, we rgba() onuň üstüne gözençlik goşýar.
- Sintaksis:
- rgb(R, G, B)
- Diapazon:
- Her kanal üçin 0–255
- Iň amatly üçin:
- kod, canvas, rgba() bilen aşaka gözençlik
HEX näme?
HEX kody lider # bilen iň öňde turýan we reňkiň gyzyl, gök we yaşyl kanallaryny saklaýan alty basgançakly onaltyk san. Her bir san juftlygy bir kanaly görkezip, 00 (hiç) -den FF (dolýan) çenli bolup, RGB bilen birmeňzeş 16,7 million reňki has gysga ýazgyda berýär. HEX CSS-de, dizaýn gurallarynda we brend ýörelgelerinde standartdyr.
- Sintaksis:
- #RRGGBB
- Diapazon:
- Her kanal üçin 00–FF
- Iň amatly üçin:
- CSS, dizaýn tabşyryşy, brend ýörelgeleri
RGB-den HEX-a derňewdiň tablisasy
Iň köp ulanylýan CSS reňkleri, RGB-den HEX-a öwrülen.
| Reňk | 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 |