ImageColorPicker.com

HEX айландыруу RGB

Кандай гана HEX түсүн болбосун RGB кылып айландыр — дароо жана акысыз

#FF5733

Кандай гана түс маанисин чапта — биз форматты сен үчүн аныктайбыз.

RGB натыйжасы
Кызыл
255
Жашыл
87
Көк
51

Бул түс бардык форматтарда

CMYK профили: Coated FOGRA39 (Европа үчүн Photoshop'тун демейки жөндөөсү)

HEX коду үч 8-биттик сандан алты он алтылык цифрага толтурат. HEXти RGBга которуу ошол цифраларды жуптарга бөлүү жана ар бир жупту 0 ден 255 ге чейинки ондондук сан катары окууну билдирет — ягни CSS, Figma жана сүрөт редакторлор күтүп жаткан так маанилер.

HEX дан RGB га кантип айландыруу иштейт

  1. Алдыңкы # белгисин алып салыңыз жана код үч гана цифрадан турган болсо, ар бирин эки эсе кылыңыз: #f53 → #ff5533.
  2. Алты цифраны үч жупка бөл: RR, GG жана BB.
  3. Ар жупту он алтуу системасынан (base-16) ондукка өткөрүп оку: FF → 255, 57 → 87, 33 → 51.
  4. Үч натыйжаны rgb(R, G, B) түрүндө жаз.

Иштеген мисал

HEX #FF5733=RGB rgb(255, 87, 51)

Бул которуу так. HEX жана RGB бирдей sRGB маанилерин ар башка жазуу менен сүрөттөйт, ошондуктан эч нерсе тегеретилип же жоголуп кетпейт.

HEX жана RGB түшүндүрмөсү

HEX деген эмне?

HEX коду — алдыңкы # менен башталган кызыл, жашыл жана көк каналдарын сактаган алты орундуу он алтылык сан. Ар бир экилик цифра бир каналды билдирет, 00 (жоопкер эмес) ден FF (толук) чейин, бул RGB менен бирдей 16.7 миллион түстү кыскарган жазууда билдирет. HEX CSS, дизайн куралдар жана бренд жетекчиликтери үчүн демейки формат.

Синтаксиси:
#RRGGBB
Аралыгы:
Ар бир канал үчүн 00–FF
Үчүн мыкты:
CSS, дизайн тапшырмалары, бренд жетекчиликтери

RGB деген эмне?

RGB түсүн үч жарык каналы — кызыл, жашыл жана көк — түрүндө сүрөттөйт, ар биринин мааниси 0 ден 255 ке чейин. Бул экрандар кандай иштээрин так чагылдырат: баары 255 болсо ак түскө, баары 0 болсо кара түскө туура келет. RGB — түстөр менен эсептөөлөрдү жүргүзүү үчүн туура тандоо, ал эми rgba() функциясы үстүнө өтмөчөлүк (transparency) кошот.

Синтаксиси:
rgb(R, G, B)
Аралыгы:
Ар бир канал үчүн 0–255
Үчүн мыкты:
код, canvas, rgba() менен өтмөчөлүк

HEX ден RGB ге шилтеме таблицасы

Эң кеңири колдонулган CSS түстөрү, HEX дан RGB га айландырылган.

ТүсHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

Кошумча түс конвертерлери

Көп берилүүчү суроолор

Алдыңкы # белгисин алып салыңыз жана код үч гана цифрадан турган болсо, ар бирин эки эсе кылыңыз: #f53 → #ff5533. Алты цифраны үч жупка бөл: RR, GG жана BB. Ар жупту он алтуу системасынан (base-16) ондукка өткөрүп оку: FF → 255, 57 → 87, 33 → 51. Үч натыйжаны rgb(R, G, B) түрүндө жаз.

Бул которуу так. HEX жана RGB бирдей sRGB маанилерин ар башка жазуу менен сүрөттөйт, ошондуктан эч нерсе тегеретилип же жоголуп кетпейт.

RGB түсүн үч жарык каналы — кызыл, жашыл жана көк — түрүндө сүрөттөйт, ар биринин мааниси 0 ден 255 ке чейин. Бул экрандар кандай иштээрин так чагылдырат: баары 255 болсо ак түскө, баары 0 болсо кара түскө туура келет. RGB — түстөр менен эсептөөлөрдү жүргүзүү үчүн туура тандоо, ал эми rgba() функциясы үстүнө өтмөчөлүк (transparency) кошот.

Ооба. Киргизүүдөгү алмаштыруу баскычы сени RGBтан HEXга конвертерге алып барат, ал ошол эле принципте иштейт. Экөө тең бир эле формуланы колдонушат, болгону тескери багытта колдонулат.

Сандар менен иштөөгө (бир каналды анимациялоо, коддо түстөрдү аралаштыруу же rgba() менен өтмөчөлүк кошуу) RGB колдон. Статикалык CSS үчүн HEX кыска жана окууга жеңил вариант бойдон калат.