RGB-ийг HEX руу хөрвүүлэгч

RGB-ээс Hex рүү хөрвүүлэгч хуудасны тайлбар

Энэ хуудас нь улаан, ногоон, цэнхэр гурван сувгийн 0-255 хүрээний тоон утгыг хүлээн авч, тэр даруй түүнтэй тэнцэх зургаан оронтой шістнадцатерийн өнгөний код (жишээ нь #1E90FF) болгон хөрвүүлдэг. Энэхүү хэрэгсэл нь өнгөний дээжийг хараар харуулахын зэрэгцээ HSL, HSV, CMYK, LAB зэрэг бусад бүх дэмжигдсэн өнгөний форматыг нэгэн зэрэг шинэчилдэг. Тиймээс хэрэглэгч hex утгыг шууд аваад CSS, дизайны программ хангамж эсвэл hex өнгө хүлээдэг бусад ажлын урсгалд ашиглаж болно.

Энэ хуудасны онцлог

Энэ хуудас нь RGB (аравтын, гурван суваг 0-255) -аас hex (шістнадцатерийн, зургаан оронтой эсвэл гурван оронтой товчилсон) руу хөрвүүлдэг. Энэ хоёр формат нь яг ижил өнгөний орон зайг илэрхийлдэг – ихэнх дэлгэцийн ашигладаг sRGB ажлын орон зай. Тиймээс энд өнгөний мужаас гарах, ойролцоолох зүйл байхгүй – хөрвүүлэлт бүрэн нарийвчлалтай, урвуулагдах боломжтой.

Hex гаралт үргэлж # тэмдэгтээр эхэлдэг бөгөөд найман оронтой хэлбэрийг ашиглахгүй л бол альфа сувгийг агуулахгүй. Хэрэгслийн RGB оролт нь гурван тоог таслал эсвэл зайгаар тусгаарлан оруулахыг хүлээн авдаг (жишээ нь 79, 70, 229). Үүссэн hex код нь үргэлж зургаан оронтой байдаг (жишээ нь #4F46E5), учир нь 0-255 хүрээний тоо бүр хоёр шістнадцатерийн оронтой хосоор дүрслэгддэг.

Оролт, гаралт

• Оролт: Улаан, ногоон, цэнхэр гурван сувгийг төлөөлөх 0-255 хүрээний гурван аравтын тоо. Жишээ: 79, 70, 229.
• Гаралт: # тэмдэгтээр эхэлсэн зургаан оронтой шістнадцатерийн өнгөний код. Жишээ: #4F46E5. Хэрэгсэл нь мөн өнгөний дээжийг харуулж, бусад формат талбаруудыг (HSL, HSV, CMYK, LAB болон өнгө сонгогчийг) шинэчилдэг.

Дүрэм ба хязгаар тохиолдлууд

• Аль ч формат талбарыг засах үед бусад бүх талбарууд шууд шинэчлэгддэг – тусдаа "хөрвүүлэх" товчлуур байхгүй.
• Хэрэв хэрэглэгч 0-255 хүрээнээс гадуур RGB утгууд оруулсан эсвэл буруу формат ашигласан бол хэрэгсэл дараах алдааны мэдээллийг харуулна:
  "Enter RGB as three numbers 0–255, like 79, 70, 229."
• RGB болон hex нь ижил өнгөний орон зайг (sRGB) хуваалцдаг тул мужаас гарах тохируулга хийгдэхгүй – хөрвүүлэлт яг нарийвчлалтай, урвуулагдах боломжтой.
• Hex гаралт үргэлж зургаан оронтой байдаг; хэрэгсэл нь хосыг гурван оронтой товчилсон хэлбэрт автоматаар хураахгүй (жишээ нь #AABBCC #ABC болж хувирдаггүй). Гэхдээ hex оролтын талбар нь гурван оронтой товчилсон #abc хэлбэрийг хүлээн авдаг бөгөөд хэрэгсэл дотооддоо өргөжүүлдэг.
• Бүх боловсруулалт хэрэглэгчийн хөтөч дээр явагддаг – оруулсан зүйл хаана ч байршуулагдахгүй.

RGB өнгөний загвар

RGB нь нэмэлт өнгөний загвар юм. Улаан, ногоон, цэнхэр гурван өөр гэрлийн эх үүсвэрийн хүчийг хослуулснаар олон төрлийн өнгийг гаргаж авдаг. Энэ загварыг дижитал дэлгэц, гэрэл зургийн камер, сканнер зэрэгт өргөн ашигладаг. Гурван суваг тус бүр өөрийн гэрлийн эх үүсвэрийн эрчмийг 0-255 хүрээний тоогоор илэрхийлдэг. 0 нь гэрэл үнэхээр унтарсан, харин 255 нь хамгийн тод гэрэлтэй гэсэн утгатай. Нийт 256 × 256 × 256 = 16,777,216 өөр өнгө үүсгэх боломжтой. Энэ нь хүний нүд ялгаж чадах өнгөний тооноос ч илүү юм.

Шістнадцатерийн өнгөний код

Hex өнгөний код нь # тэмдэгтээр эхэлсэн зургаан шістнадцатерийн орон (0-9, A-F) -оос бүрдэнэ. Эхний хоёр орон нь улаан сувгийн утгыг, дараагийн хоёр нь ногоон сувгийн утгыг, сүүлийн хоёр нь цэнхэр сувгийн утгыг илэрхийлнэ. Шістнадцатерийн тооллын систем нь 0-9 хүртэлх цифрүүд болон A-F хүртэлх үсгүүдийг агуулдаг. Жишээ нь, FF нь 255-ыг, 00 нь 0-ийг илэрхийлнэ. Hex кодонд том, жижиг үсэг ялгаагүй байдаг – #1E90FF болон #1e90ff хоёулаа ижил өнгийг заана. Гэхдээ шістнадцатерийн орон бүр 0-15 хүртэлх утгыг илэрхийлдэг, харин аравтын тоололд 0-9 хүртэлх цифр л байдаг.

Хөрвүүлэх математик

RGB-ээс hex руу хөрвүүлэх математик нь маш энгийн. 0-255 хүрээний аравтын тоо бүрийг шістнадцатерийн хоёр оронтой тоо болгон хөрвүүлдэг. Үүнд:

1. Аравтын тоог 16-д хувааж, бүхэл хэсэг болон үлдэгдлийг олно.
2. Бүхэл хэсэг нь эхний шістнадцатерийн орон (илүү чухал орон) болно.
3. Үлдэгдэл нь хоёр дахь шістнадцатерийн орон (бага чухал орон) болно.
4. 10-15 хүртэлх утгыг A-F хүртэлх үсгээр илэрхийлнэ.

Жишээ нь, 255-ыг хөрвүүлье:

• 255 ÷ 16 = 15 (бүхэл хэсэг), үлдэгдэл = 15
• 15 нь F-тэй тэнцүү
• Тэгэхээр 255 = FF

Өөр жишээ, 79-ийг хөрвүүлье:

• 79 ÷ 16 = 4 (бүхэл хэсэг), үлдэгдэл = 15
• 4 нь 4-тэй, 15 нь F-тэй тэнцүү
• Тэгэхээр 79 = 4F

Гурван сувгийн утгыг тус тусад нь хөрвүүлж, дараа нь # тэмдэгтийн ард холбосноор зургаан оронтой hex код үүснэ. Энэхүү хөрвүүлэлт sRGB өнгөний орон зайд явагддаг тул ямар ч алдагдалгүй, бүрэн урвуулагдах боломжтой.

CSS дахь hex хэрэглээ

Hex өнгөний код нь CSS-д өргөн хэрэглэгддэг. Хамгийн түгээмэл хэрэглээ нь color болон background-color шинж чанарууд юм. Жишээ нь:

h1 {
  color: #1E90FF;
}

div {
  background-color: #4F46E5;
}

Түүнчлэн, CSS нь гурван оронтой товчилсон hex кодыг дэмждэг. Энэ нь зургаан оронтой кодын суваг бүрийн эхний оронг ашигладаг. Жишээ нь, #AABBCC нь #ABC болж товчилж болно. Гэхдээ манай хэрэгсэл гаралтыг зургаан оронтой хэлбэрээр харуулдаг. Харин hex оролтын талбар гурван оронтой товчилсон хэлбэрийг хүлээн авч, дотооддоо зургаан оронтой болгон өргөжүүлдэг.

Зарим тохиолдолд найман оронтой hex код хэрэглэгддэг бөгөөд сүүлийн хоёр орон нь альфа сувгийг (тунгалаг байдал) илэрхийлдэг. Манай хэрэгсэл ердийн зургаан оронтой hex код л гаргадаг.

Оролтын формат ба нийтлэг алдаанууд

Хэрэгслийн RGB оролт нь гурван тоог таслал эсвэл зайгаар тусгаарлан оруулахыг хүлээн авдаг. Зөв формат: 79, 70, 229 эсвэл 79 70 229. Дараах форматууд алдаа гаргаж болно:

• Гурваас цөөн эсвэл олон тоо оруулах: 79, 70 эсвэл 79, 70, 229, 100
• 0-255 хүрээнээс гадуур тоо оруулах: 300, 50, 100 эсвэл -10, 50, 100
• Бусад тэмдэгтүүд ашиглах: 79;70;229 эсвэл 79/70/229
• Хоосон оролт үлдээх

Хэрэгсэл нь эдгээр алдаануудыг илрүүлж, тодорхой алдааны мэдээллийг харуулдаг. Хэрэглэгч зөв формат оруулсны дараа бүх талбарууд шууд шинэчлэгдэнэ.

FAQ

Hex код яагаад үргэлж зургаан оронтой байдаг вэ?
Учир нь RGB өнгөний гурван суваг тус бүрийг хоёр шістнадцатерийн оронгоор дүрсэлдэг. Нийт зургаан орон нь гурван сувгийг бүрэн илэрхийлнэ.

Хэрэгсэл гурван оронтой товчилсон hex кодыг хүлээн авдаг уу?
Тийм ээ, hex оролтын талбар #abc хэлбэрийг хүлээн авч, дотооддоо #AABBCC болгон өргөжүүлдэг. Гэхдээ гаралт үргэлж зургаан оронтой байна.

Хэрэв би 0-255 хүрээнээс гадуур тоо оруулбал яах вэ?
Хэрэгсэл алдааны мэдээллийг харуулна: "Enter RGB as three numbers 0–255, like 79, 70, 229." Энэ нь хэрэглэгчийг зөв формат руу чиглүүлдэг.

Оруулсан өгөгдөл хаана ч байршуулагдахгүй гэдэгт итгэлтэй байж болох уу?
Тийм ээ, бүх боловсруулалт таны хөтөч дээр явагддаг. Ямар ч өгөгдөл сервер рүү илгээгдэхгүй.

Hex кодонд том, жижиг үсэг ялгаатай юу?
Үгүй, #1E90FF болон #1e90ff хоёулаа ижил өнгийг илэрхийлнэ. CSS-д ч ялгаагүй.

Хэрэгсэл яагаад автоматаар гурван оронтой товчилсон hex код гаргадаггүй вэ?
Учир нь бүх өнгө гурван оронтой хэлбэрээр илэрхийлэгдэх боломжгүй. Жишээ нь, #123456 нь #123 болж товчилж болохгүй, учир нь #123 нь #112233 гэсэн утгатай. Тиймээс манай хэрэгсэл үргэлж зургаан оронтой хэлбэрийг гаргадаг.