HEX va RGB: bir xil rangni yozishning ikki usuli
Ekranda ko'rgan har bir rang uch xil nurdan aralashtiriladi: qizil, yashil va ko'k. Uchalasini ham to'liq yoqsangiz — oq rang, uchalasini ham o'chirsangiz — qora rang hosil bo'ladi. HEX va RGB shu uch kanalning har biri qanchalik yorqin bo'lishi kerakligini tasvirlashning shunchaki ikki xil yozuv tizimi. Ular aynan bir xil rangga ishora qiladi, shuning uchun yaxshi konvertor haqiqiy rangni hech o'zgartirmasdan, ikki yozuv tizimi orasida tarjima qiladi xolos. Ushbu vosita aynan shuni bajaradi, to'liq brauzeringizda, natijani o'z ko'zingiz bilan tasdiqlashingiz uchun jonli rang namunasini ko'rsatib turadi.
Hex kodni qanday o'qish kerak
Hex rangi #1E90FF kabi ko'rinadi. Reshetka belgisi shunchaki boshlanishini bildiradi; undan keyingi olti belgi uch juftlikdan iborat bo'lib, #RRGGBB naqshiga yozilgan. Birinchi juft — qizil, ikkinchisi — yashil, uchinchisi — ko'k. Har bir juft o'n oltilik, ya'ni 16 asosli sanoq sistemasida yozilgan son bo'lib, unda raqamlar 0-9 dan boshlanib, so'ng A, B, C, D, E, F harflari 10 dan 15 gacha bo'lgan qiymatlarni bildiradi. Bitta juft 00 (kanal to'liq o'chirilgan) dan FF (kanal to'liq yoqilgan) gacha qiymat olishi mumkin. Oddiy o'nlik sanoqda bu diapazon aynan 0 dan 255 gacha, xuddi RGB ishlatadigan shkala kabi. Har bir kanalda 256 ta mumkin bo'lgan darajaga ega bo'lgan olti xonali shakl 16,777,216 ta alohida rangni tasvirlay oladi.
Ikkala yo'nalishda aylantirish, misol bilan
HEX'dan RGB'ga o'tish uchun kodni uchta juftga bo'ling va har birini 16 asosdan oddiy o'nlik sanoqqa aylantiring. #1E90FFni oling. Qizil juft — 1E: bu 1 ni 16 ga ko'paytirib, 14 (E) ni qo'shsak, 30 ga teng. Yashil juft 90 — 9 ni 16 ga ko'paytirib, 0 ni qo'shsak, 144 ga teng. Ko'k juft FF — 15 ni 16 ga ko'paytirib, 15 ni qo'shsak, 255 ga teng. Shunday qilib, #1E90FF — rgb(30, 144, 255) ga aylanadi, ya'ni tanish "dodger blue" rangi.
Teskari yo'nalish esa xuddi shu jarayonning teskarisi. Har bir RGB sonini oling va ikkita hex raqami sifatida yozing. Sof qizil, rgb(255, 0, 0), FF, 00 va 00ni beradi, ular birlashib #FF0000ni hosil qiladi. Eslab qolishga arzigulik bir narsa: agar qiymat 16 dan kichik bo'lsa, baribir ikkala raqam ham kerak, shuning uchun 5 shunchaki 5 emas, 05 deb yoziladi. Konvertor buni sizning o'rningizga to'ldiradi, lekin buni qo'lda qilganda odamlar ko'pincha xato qiladi.
Har bir format qayerda ishlatiladi
HEX — internetning kundalik tili. CSS, HTML va yozadigan ko'pchilik kodingiz hex kodlariga murojaat qiladi, chunki ular ixcham va nusxalash oson. RGB esa ko'proq dizayn va tasvir bilan ishlash vositalari ichida uchraydi — Figma, Photoshop, Sketch va Illustrator odatda 0-255 diapazonida slayder yoki maydonlarni ko'rsatadi, va ekran yozib olish yoki video ilovalar ham ko'pincha RGB'ni kutadi. Shuning uchun siz muntazam ravishda stil jadvalidan hex kodini olib, uni dizayn panelida yozish uchun RGB shakliga o'tkazishga yoki aksincha qilishga muhtoj bo'lasiz. Aynan shu aylanma yo'l konvertorni foydali qiladi. Bitta rangni tarjima qilish o'rniga mos keladigan butun bir rang to'plamini yaratish kerak bo'lsa, rang palitrasi generatorimiz yaxshiroq boshlang'ich nuqta, va shunga o'xshash ko'proq vositalarni dasturchi vositalari ostida topasiz.
Alfa, shaffoflik va HSL
Ikkala yozuv tizimida ham shaffoflik qo'shadigan kengaytirilgan shakl bor. RGB rgba(30, 144, 255, 0.5)ga aylanadi, bu yerda to'rtinchi qiymat — alfa — 0 to'liq shaffof, 1 esa to'liq quyuq degani. HEX ham xuddi shu maqsad uchun to'rtinchi juftni qo'shib, sakkiz xonali #RRGGBBAA kodini hosil qiladi; masalan, 80 — taxminan 50 foiz shaffoflik. Ba'zi konvertorlar HSL (rang tovushi, to'yinganlik, yorqinlik) ni ham taklif qiladi, u rangni inson tasavvur qilishi mumkin bo'lgan tarzda tasvirlaydi — ranglar g'ildiragidan rang tovushini tanlang, so'ng uning jonliligini va yorqinligini sozlang. HSL boshqa palitra emas, boshqa fikrlash modeli, shuning uchun bir rangni uchta alohida sonni jonglyor qilmasdan yorug'roq yoki xiraroq qilmoqchi bo'lganingizda u ko'proq intuitiv bo'lishi mumkin.
Tez-tez so'raladigan savollar
Reshetka belgisi hex kodning qismimi?
Reshetka — bu CSS va dizayn vositalariga hex rang berayotganingizni bildiruvchi belgi. Rangning o'zi undan keyingi olti belgi. Ko'pchilik vositalar kodni reshetka bilan ham, usiz ham qabul qiladi va uni siz uchun qayta qo'shadi.
3 xonali va 6 xonali hex kod o'rtasidagi farq nima?
3 xonali kod — har bir raqam ikkilantiriladigan qisqartma, shuning uchun #1AF — #11AAFF degani. U faqat 4,096 rangga yetadi, to'liq 6 xonali shakl esa 16 milliondan ortiq rangga yetadi.
Nega hex kodimda sakkizta belgi bor?
8 xonali hex kod alfa, ya'ni shaffoflik uchun to'rtinchi juftni qo'shadi. Birinchi olti belgi baribir qizil, yashil va ko'kni bildiradi, oxirgi ikkitasi esa shaffoflikni 00 (ko'rinmas) dan FF (quyuq) gacha belgilaydi.
Hex kodlar katta-kichik harflarga sezgirmi?
Yo'q. #1e90ff va #1E90FF aynan bir xil rangni bildiradi. O'n oltilik harflar katta yoki kichik holatda bir xil ishlaydi, shuning uchun jamoangiz qaysi birini afzal ko'rsa, o'shani ishlating.
HEX va RGB ekranda boshqacha ko'rinishi mumkinmi?
Yo'q. Ular bir xil kanal qiymatlarini tasvirlaganda, ular aynan bir xil rang bo'ladi. Har qanday ko'rinadigan farq yozuv xatosidan yoki bittasida shaffoflik bor-u, ikkinchisida yo'qligidan kelib chiqadi.
Standart hex kod nechta rangni ko'rsata oladi?
6 xonali hex kod uchta kanalning har biri uchun 256 ta daraja taklif qiladi, bu esa ko'paytirilganda 16,777,216 ta mumkin bo'lgan rangni beradi.