RGBден Hexке конвертер
Слайдерлерди жылдырыңыз же төмөндө HEX кодун чаптап, түстү RGB, HEX жана HSL форматтары арасында дароо, түз эфирдеги түс көрүү менен конвертациялаңыз — баары түзмөгүңүздө эсептелет.
Түс киргизүү
Өзгөртүлгөн чыгаруу
Сын-пикирлер
RGBди HEXке кантип айландыруу
- Түстү орнотуу үчүн кызыл, жашыл жана көк слайдерлерди сүйрөңүз же HEX кодун түз эле талаага чаптаңыз.
- Алдын ала көрүү үлгүсүн жана HEX, RGB жана HSL маанилерин каалаган жөндөөлөрдү киргизген сайын түз эфирде жаңыртып турганын байкаңыз.
- Кандай гана маани картасын болбосун чыкылдатып, аны көчүрүп, CSSке, дизайн программасына же кодго чаптоого даяр болуңуз.
RGB, HEX жана HSL: айырмасы эмнеде?
RGB, HEX жана HSL баары бирдей түстөрдү сүрөттөйт — алар бир эле сандарды жазуунун ар башка ыкмалары гана. RGB түстү аныктоо үчүн кызыл, жашыл жана көк нурлардын 0–255 чейинки шкала боюнча канчалык аралаштырылганын колдонот. HEX — бул ошол эле RGB маанилерин компакттуу 6 орундуу 16-лик кодго жазган түрү, ошондуктан rgb(31, 58, 95) жана #1f3a5f — бирдей түстөр болуп саналат. HSL болсо түстү түс тону (түстөр дөңгөлөгүндөгү орду), насыктык (канчалык жандуу экени) жана жарыктык боюнча сүрөттөйт — бул формат окшош реңктерди тандаганда көп учурда интуитивдүү болуп саналат.
Ар бир формат адатта кайсы жерде колдонулат
| Формат | Кадимки колдонуу | Эмне үчүн |
|---|---|---|
| Алты бурч | CSS, HTML, дизайн куралдары | Кыска, бир сап катары чаптоого жана бөлүшүүгө жеңил |
| RGB | Ачыктыгы бар CSS (rgba) | Тунуктуулук үчүн альфа каналын колдойт |
| HSL | Түс палитраларын түзүү | Бир гана санды өзгөртүү менен ачык/караңгы же тиешелүү түстөрдү түзүү оңой |
Бул маанилерди CSSте колдонуу
Үч форматтын кайсыны болбосун стиль баракчасында түздөн-түз иштейт: color: #1f3a5f;, color: rgb(31, 58, 95); жана color: hsl(210, 51%, 25%); бардыгы бирдей терең көк түстү көрсөтөт. HEX – бир түстүү түстөр үчүн эң көп колдонулган кыскача жазуу, ал эми RGB (же анын rgba() варианты) түстү жарым-жартылай тунук кылууга зарыл болгондо пайдалуу, ал эми HSL түстүн өңүн бекем кармап, гана жарыктык деңгээлин өзгөртүү менен бирдей реңктердин топтомун түзүүнү жеңилдетет.
Көп берилүүчү суроолор
Бул RGBден HEXке конвертерди колдонуу акысызбы?+
Ооба. Ал толугу менен браузериңизде JavaScript аркылуу иштейт, ошондуктан эсеп жок, API ачкычы жок жана аны канча жолу колдонсоңуз да чектөө жок.
Менин түс маалыматтарым кайсы бир жерге жүктөлүп жатабы?+
Жок. Ар бир конверсия жергиликтүү түрдө сиздин браузериңизде жүзөгө ашат. Эч нерсе серверге жөнөтүлбөйт, сакталбайт же журналга жазылбайт.
HEX менен RGB ортосундагы чыныгы айырма эмнеде?+
Алар бир эле түстү ар башка жазуу ыкмалары менен сүрөттөшөт — HEX алты орундуу 16-лик санариптик форма, ал RGBде 0дон 255ке чейин үч өзүнчө сан катары жазылган кызыл, жашыл жана көк маанилерди кыскача жазат.
Дизайн жана өнүктүрүү үчүн куралдар
Бул конвертер кантип иштейт
Сиз түстү терип жатканда же тандап жатканда JavaScript RGB, HEX жана HSL форматтарынын ортосунда түстөрдү реалдуу убакыт режиминде автоматтык түрдө конвертациялайт — киргизген эч нерсе серверге жүктөлбөйт же кайсы жерде болбосун сакталбайт.
Акыркы жолу жаңыртылган: 2026-жылдын 28-августу.
Кутучадагы кошумча куралдар
Көбүрөөк акысыз жана API-ачкычын талап кылбаган куралдар башкы бетте жайгашкан.
QR-код генератору
Ар кандай текстти же URL дарегин жүктөп алса боло турган QR-кодго айландырыңыз.
JSON форматтагыч
Жөнүндө ката эскертүүлөрү менен JSONду форматтап, текшерип жана кыскартыңыз.
Фавикон генератору
Сүрөттү сизге керектүү бардык фавикон өлчөмдөрүнө айландырыңыз.
UUID генератору
Бирден көп v4 UUIDдерди кокустан дароо түзүңүз.