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 нь өнгийг өнгөний дугуй дээрх байрлал (hue), өнгөний гүн (saturation) болон гэрэлтэлт (lightness) гэсэн гурван үзүүлэлтээр тодорхойлдог — энэ формат нь ижил төстэй өнгөнүүдийг сонгоход ихэвчлэн илүү ойлгомжтой байдаг.
Тус бүрийн формат ерөнхийдөө хаана ашиглагддаг
| Формат | Ерөнхий хэрэглээ | Яагаад |
|---|---|---|
| Гексагон | CSS, HTML, дизайны хэрэгслүүд | Богино, ганц мөрөөр хуулж, хуваалцахад хялбар |
| Улаан-ногоон-цагаан | Шилэн (rgba) CSS | Шилжилт (opacity)-ийн альфа сувгийг дэмждэг |
| ХСЛ | Өнгөний палитрууд үүсгэх | Нэг тоог өөрчлөхөд илүү гэрэлтэй/илүү бараан эсвэл холбогдох өнгөний ялгааг хялбархан үүсгэж болно |
Эдгээр утгуудыг CSS-д ашиглах
Эдгээр гурван форматын аль ч нь хэв маягийн хуудас (stylesheet)-д шууд ажиллана: 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 хооронд гурван тусдаа тоон утгаар бичигддэг улаан, ногоон, цэнхэр өнгөний утгуудыг 16-тын тооллын 6 оронтой тоогоор товчилсон тэмдэглэгээ юм.
Дизайн ба хөгжүүлэлтийн хэрэгслүүд
Энэхүү хөрвүүлэгч хэрхэн ажилладаг вэ
Та өнгө бичиж эсвэл сонгох бүрт JavaScript нь RGB, HEX болон HSL форматуудын хооронд утгуудыг шууд хөрвүүлдэг — таны оруулсан ямар ч мэдээлэл сервер рүү илгээгдэхгүй, хаана ч хадгалагдахгүй.
Сүүлийн шинэчлэлт: 2026 оны 8-р сарын 28.
Хийнцэгт илүү олон хэрэгсэл
Илүү олон үнэгүй, API түлхүүр шаарддаггүй хэрэгслүүд нь эхлэлийн хуудсан дээр байрлаж байна.
QR кодын үүсгэгч
Аливаа текст эсвэл URL-ийг татаж авах боломжтой QR код болгон хувиргана.
JSON форматлагч
ЖSON-ыг форматлан, баталгаажуулж, алдааны заалтуудтай хамт жижигрүүлнэ.
Фавикон үүсгэгч
Зурагтаа шаардлагатай бүх фавикон хэмжээг үүсгээрэй.
UUID үүсгэгч
Олон тоогоор v4 UUID-үүдийг санамсаргүйгээр, даруй үүсгэх