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) | Үтә күренмәлелек өчен альфа каналын хуплый |
| Төс тоннарының өслекле модель | Төс палитраларын төзү | Бер санны үзгәртеп, җиңелрәк/караңгырак яки бәйле төсмерләрне җиңел генә булдырырга мөмкин |
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 аралыгында өч аерым сан итеп язу урынына 6 цифрлы 16-лык кыскача язу формасында күрсәтә.
Дизайн һәм үсеш өчен кораллар
Бу конвертер ничек эшли
Язу JavaScript ярдәмендә төс сайлаганда яки язып барганда RGB, HEX һәм HSL арасында турыдан-туры әйләндерелә — сез керткән бернинди мәгълүмат та серверга җибәрелми һәм беркайда да сакланмый.
Соңгы яңарту: 2026 елның 28 августы.
Кораллар тартмасында тагын да күбрәк кораллар
Өстәмә бушлай һәм API-ачкычсыз кораллар төп биттә урнаштырылган.
QR-код генераторы
Теләсә нинди текстны яки URL-ны йөкләп алына торган QR-кодка әйләндерегез.
JSON форматлаучы
Хата күрсәткечләре белән JSONны форматлагыз, тикшерегез һәм минификацияләгез.
Фавикон генераторы
Сүрәтне сезгә кирәк булган барлык фавикон үлчәмнәренә әйләндерегез.
UUID генераторы
Берьюлы күпләп v4 UUID-ларын очраклы рәвештә шунда ук булдыру.