HEX kody üç 8-bit sanlary alty onaltyk sanlara siňdirýär. HEX-den RGB-e öwürmek bu sanlary juftlyklara bölüp, her juftlygy 0-dan 255-e çenli onluk san hökmünde okaýmakdyr — CSS, Figma we surat redaktorlarynyň garaşýan takyk bahalary şeýledir.
HEX-den RGB-a öwürmegiň işleýşi
- Öňdengörüji # ny aýyr we eger kod diňe üç sanly bolsa, her birini iki esse köpeld: #f53 -> #ff5533.
- Alty sanlary üç juftlyga — RR, GG we BB — böle.
- Her juftlygy onaltyk (base-16) san hökmünde okaň we ony onluk (base 10) sanına öwür: FF -> 255, 57 -> 87, 33 -> 51.
- Üç netijäni rgb(R, G, B) görnüşinde ýazyň.
Işläp görlen mysal
Bu öwüriliş takykdyr. HEX we RGB bir reňkiň sRGB bahalaryny başga ýazgyda düşündirýär, şonuň üçin hiç zat ýüzüňe ýa-da ýitirilmeýändir.
HEX we RGB düşündirişleri
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 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-den RGB-a derňewdiň tablisasy
Iň köp ulanylýan CSS reňkleri, HEX-den RGB-a öwrülen.
| Reňk | 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) |