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, дизайн құралдары | Қысқа, бір жолдық мәтін ретінде көшіруге және бөлісуге оңай |
| ҚКҚ | Ашықтығы бар 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 алты таңбалы он алтылық жүйесіндегі қысқаша жазба, ол RGB жүйесінде 0-ден 255-ке дейінгі үш бөлек санмен жазылатын сол қызыл, жасыл және көк мәндерді білдіреді.
Дизайн және әзірлеу құралдары
Бұл конвертер қалай жұмыс істейді
Сіз түсті енгізіп жатқанда немесе таңдаған кезде JavaScript көмегімен RGB, HEX және HSL мәндері тікелей ауыстырылады — енгізген ештеңе серверге жүктелмейді және еш жерде сақталмайды.
Соңғы жаңарту: 2026 жылғы 28 тамыз.
Қораптағы басқа құралдар
Басты бетте API кілті қажет етпейтін тағы да көптеген тегін құралдар бар.
QR-код генераторы
Кез келген мәтінді немесе URL-ді жүктеп алуға болатын QR-кодқа айналдырыңыз.
JSON форматтаушы
Қателік ескертпелерімен JSON-ды форматтап, валидациялап және минификациялаңыз.
Фавикон генераторы
Суретті қажетті барлық фавикон өлшемдеріне айналдырыңыз.
UUID генераторы
Бірден көп мөлшерде кездейсоқ v4 UUID-дерді жасаңыз.