Өнгөний палитр үүсгэгч
Үндсэн өнгө сонгоод даруй зохицсон таван өнгийн палитр үүсгээрэй — нэг өнгөтэй, аналогууд, нөхөрлөг, гурвалсан эсвэл бүрэн санамсаргүй.
Үндсэн өнгө
Таны өнгөний палитр
Өнгөний дээжийг дарж түүний хекс кодыг хуулбарлана. Дахин үүсгэх үед өнгөний дээжийг түгжиж хадгална.
Сэтгэгдлүүд
Өнгөний палитр үүсгэгчийн талаар мэдэх ёстой бүх зүйл
Хармони төрөл бүр хэрхэн бүтээгддэг болон төсөлдөө тохирохыг нь хэрхэн сонгох
- Үндсэн өнгө болон зохицлын төрлийг сонго — таван зохицсон өнгө даруй гарч ирнэ.
- Бүх зүйл таны хөтөчид л ажиллана — ямар ч өнгө хэзээ ч байршуулагдахгүй.
- Дахин үүсгэхээс өмнө нарийн тохируулах үлдсэн хэсгүүдэд саад болохгүйн тулд таалагдсан дээжүүдээ түгжиж хадгалаарай.
Өнгөний палитра үүсгэгчийг хэрхэн ашиглах
- Өнгө сонгогч ашиглан эсвэл hex код бичиж эхлэх өнгийг сонгоно уу.
- Нэг өнгөтэй, аналоги, нөхөрлөг, гурвалсан эсвэл санамсаргүйг сонго.
- Аливаа өнгөний дээжийг дарж түүний hex кодыг хуулбарлах эсвэл таалагдсан өнгөнүүдээ түгжиж үлдсэнийг дахин үүсгэж болно.
Яагаад өнгөний палитр үүсгэх ёстой вэ
Үнэхээр хоорондоо зохицох өнгүүдийг сонгох нь харагдаж байгаагаас ч илүү хэцүү — санамсаргүй таамаглалууд ихэвчлэн зөрчилддөг, харин нөхөрлөг эсвэл гурвалсан өнгийн зохицлыг гараар тооцохын тулд өнгөний онолыг ойлгож, өнгийн дугуй дээрх тооцоог гараар хийх шаардлагатай.
Энэхүү хэрэгсэл таны браузер дээр тэр тооцоог шууд хийдэг: үндсэн өнгө болон харьцааны төрлийг сонгоход та тогтоосон өнгөний онолын харилцааг дагасан таван өнгө авах боломжтой.
Харьцааны төрлийг сонгох
| Эв нэгдэл | Хамгийн тохиромжтой | Яагаад шалгах нь үнэ цэнэтэй вэ |
|---|---|---|
| Нэг өнгөтэй аюулгүй анхдагч | Цэвэр, уялдаатай UI эсвэл брэндийн имиж | Нэг өнгөний янз бүрийн гэрэлтэлттэй түвшинг ашигладаг тул буруу болгоход хэцүү. |
| Адил төстэй | Тайван, байгалийн мэдрэмжтэй дизайнууд | Өнгөний дугуй дээрх зэргэлдээ өнгөний туяанууд зөөлөн холилддог. |
| Нэмэлт | Өндөр контрасттай онцлох элементүүд, үйлдэлд уриалга | Эсрэг өнгөний хослол нь хүчтэй харааны контраст үүсгэдэг — бага зэргээр ашигла. |
| Гурвалсан | Тоглоомтой, гялалзсан дизайнууд | Тэнцүү зайтай гурван өнгө нь олон янз байдлыг бий болгож, тэнцвэртэй хэвээр байна. |
Юу ч татаж суулгахгүй өнгөний палитр үүсгэгч
Өнгөний тооцоо бүхэн — өнгөний дугуйны математик, гэрэлтүүлгийн тохируулга, санамсаргүй үүсгэл — JavaScript ашиглан таны хөтөчид шууд гүйцэтгэгддэг. Ямар ч мэдээлэл сервер рүү илгээгдэхгүй, бүртгэгдэхгүй, хадгалагдахгүй.
Байршуулах шаардлагагүй тул та хэдэн ч палитр үүсгэж, хэдэн ч удаа дахин үүсгэхэд ямар ч хязгаар байхгүй.
Таны өнгөнүүд төхөөрөмжөөсөө хэзээ ч гарахгүй. Палет үүсгэх үйл явц нь зөвхөн клиент талын JavaScript-ээр хийгддэг бөгөөд ямар ч мэдээлэл бүртгэгдэж эсвэл хадгалагддаггүй.
Бүрэн дизайн гаргаж байна уу? Case Converter хэрэгсэл нь таны CSS хувьсагчийн нэрсийг тэнцүү байдлаар форматлахад тусална.
Удирдлагатай палитрууд ба бүрэн санамсаргүй
| Дөхөх арга | Хамгийн тохиромжтой | Зөрчилдөөн |
|---|---|---|
| Удирдсан харшил (нэг өнгөтэй/холбогдсон/нөхцөлдөх/триад) Сайн анхдагч | Брэндинг, UI дизайн, зориудаар зохион бүтээсэн мэт харагдах ёстой бүх зүйл | Өнгүүд нь өнгөний онолын дүрмийг дагасна, тиймээс тэд найдвартайгаар хоорондоо зохицдог. |
| Бүрэн санамсаргүй | Санаа боловсруулах, урам зориг, гэнэтийн хослолууд | Илүү олон төрөлтэй боловч үр дүн нь үнэхээр ажиллаж байгаа эсэхийг та нүдээрээ шалгах хэрэгтэй. |
Харилцагчтай харилцах бүхэнд удирдамжтай хармони төрлийг эхлээд ашиглаж, зөвхөн санаа авахыг хүссэн үедээ санамсаргүй горимд шилжүүлээрэй.
Хүмүүс өнгөний палитра үүсгэгчийг юунд ашигладаг вэ?
- Вэб болон UI дизайн: вэбсайт эсвэл аппликейшний нэгэн цул өнгөний систем бий болгох
- Брэндинг: лого эсвэл брэндийн таних тэмдэгт зориулсан өнгөний сонголтуудыг судалж байна.
- График дизайн: постер, слайд эсвэл нийгмийн сүлжээний графикд зориулсан хослох өнгүүд олох.
- Өгөгдлийн дүрслэл: хүснэгт, графикүүдэд зориулсан тод, зохицсон өнгүүд сонгох.
- Урлаг ба иллюстраци: Зураг эсвэл гар зурагт зориулсан хурдан өнгөний схем санаа авах
Энэ хэрэгсэл хэрхэн ажилладаг вэ
Өнгөнүүд таны хөтөчид JavaScript ашиглан шууд үүсдэг: суурь өнгийг HSL рүү хөрвүүлж, сонгосон хармони төрөлд зориулсан стандарт өнгийн онолын шилжилтүүдийг хэрэглэн, эцэст нь буцааж hex рүү хөрвүүлдэг — ямар ч өгөгдөл сервер рүү илгээгдэхгүй, хадгалагдахгүй, бүртгэгдэхгүй.
Сүүлийн шинэчлэлт: 2026 оны 9-р сарын 13.
Энэхүү гарын авлага тус болсон уу?
Хийнцэгт илүү олон хэрэгсэл
Гэрийн хуудас дээр API түлхүүр шаарддаггүй 14 ширхэг нэмэлт үнэгүй хэрэгсэл байрлаж байна.
Үг тоолуур
Амьд үг, тэмдэгт, өгүүлбэр болон догол мөрний тоо.
Зургийн хэмжээ өөрчлөгч
JPG, PNG болон WEBP зургуудыг пиксел эсвэл хувиар хэмжээ тохируулах.
Зургийг PDF болгох
Зурагнуудыг ганцхан татаж авах боломжтой PDF файлд нэгтгэх.
JSON форматлагч
JSON-ыг гоёмсог болгож, жижигрүүлж, алдааны заалтуудтайгаар баталгаажуул.
Нууц үг үүсгэгч
Өөрийн дүрмээр тогтоосон хүчтэй санамсаргүй нууц үгс