Өнгө сонгогч
Буурах, буулгах (Ctrl+V), эсвэл байршуулахын тулд дарна уу
Өнгө сонгохын тулд зураг байршуулна уу
Эсвэл жишээг туршаад үзээрэй:
Өнгөний палитр
Өнгө сонгогч ба ялгагч – Үнэгүй онлайн хэрэгсэл
Манай үнэгүй онлайн өнгө ялгагч нь танд нэг товшилтоор зурагнаас дурын өнгийг сонгох боломжийг олгоно — суулгах програм хангамж байхгүй бөгөөд бүртгэл шаардлагагүй. Зургаа байршуулж, томруулахын тулд хулганыг аваачиж, дурын пиксел дээр дарж HEX, RGB, HSL, болон HSV утгыг нь шууд харж, дараа нь сонгосон өнгөнөөсөө бүтэн өнгөний палитр үүсгэнэ үү. Үр дүнг хүссэн үедээ татаж аваарай.
Зурагнаас өнгийг хэрхэн сонгох вэ
Зурагаа самбар дээр тавиад, дарна уу Зураг байршуулах, эсвэл Ctrl+V товчлууруудыг ашиглан буулгах. JPEG, PNG, WebP, HEIC GIF-г дэмждэг.
Томруулагчаар томруулахын тулд зургийн дээгүүр хулганы заагчийг аваачаад, тухайн пикселийн өнгийг авахын тулд хаана ч дарна уу. HEX, RGB, HSL болон HSV утгууд шууд гарч ирнэ.
Дурын утгын талбар дээр дарж санах ой руу хуулж, өнгийг дараа ашиглахаар хадгалж эсвэл бүтэн өнгөний палитр үүсгэж, CSS хувьсагч эсвэл PNG загварын тууз болгон экспортлоно уу.
Гол онцлогууд
- Дөрвөн өнгөний формат - сонгосон өнгийг HEX, RGB, HSL, болон HSV хэлбэрээр дурын утгын талбар дээр нэг товшилтоор харж, хуулна.
- Пикселийн нарийвчлалтай томруулагч – дугуй томруулалтын линз нь таны курсорыг дагадаг тул та хүссэн пикселээ яг таг зааж чадна.
- 8 төрлийн палитр – 3-10 дээж бүхий аналог, нэмэлт, гурвалсан, тетрадик, хуваасан нэмэлт, монохроматик, сүүдэр эсвэл өнгөний палитруудыг үүсгэх.
- Экспортын сонголтууд – палитрын бүх HEX кодыг нэг дор хуулж авах, PNG загварын туузыг татаж авах эсвэл палитрыг CSS-ийн өөрчлөн тохируулсан шинж чанарууд болгон экспортлох (
:rootхувьсагч). - Хадгалсан өнгөнүүд - хөтөч дээрээ хадгалагдсан хувийн хадгалсан өнгөний самбарт дурын өнгийг хавчуурга болгон хадгална уу; хүссэн үедээ тэдгээрийг арилгана уу.
- HEIC дэмжлэг – HEIC/HEIF форматтай iPhone зургуудыг өнгө сонгохоос өмнө автоматаар хөрвүүлдэг.
- Таны хөтөч дээр бүрэн ажиллана - Таны зургууд хэзээ ч ямар ч сервер рүү байршуулагдахгүй.
- Үнэгүй ба хязгааргүй - Бүртгүүлэх шаардлагагүй, усны тэмдэггүй, хязгаарлалтгүй.
Өнгө гаргагч гэж юу вэ?
Өнгө ялгагч (эсвэл зургийн өнгө сонгогч) нь гэрэл зураг дээрх аливаа пикселийн яг өнгийг уншиж, дизайн болон хөгжүүлэлтэд ашигладаг стандарт өнгөний код болгон хөрвүүлдэг хэрэгсэл юм. Өнгийг нүдээр харах эсвэл утгыг гараар оруулахын оронд та сонирхож буй цэг дээрээ дарахад л уг хэрэгсэл нь таны дэлгэцэн дээр гарч буй түүхий RGB утгуудаас эхлээд график дизайны ажлын урсгалд ашигладаг HSL болон HSV дүрслэл хүртэл хөрвүүлэлтийг хийдэг.
Өнгөний палитр үүсгэгч нь үүнийг нэг алхам урагшлуулдаг: та үндсэн өнгийг сонгосны дараа CSS, Figma эсвэл бусад дизайны хэрэгсэлд шууд ашиглахад бэлэн зохицолтой өнгөний схемийг бий болгохын тулд өнгөний онолыг ашигладаг.
Нийтлэг хэрэглээ
- Брэндийн өнгө гаргаж авах – лого эсвэл брэндийн зургаас яг HEX кодыг татаж аваад вэбсайт эсвэл дизайны системд тууштай ашиглах.
- Вэб ба UI дизайн – Өнгийг бүтээгдэхүүний зураг эсвэл баатрын гэрэл зурагтай тохируулснаар таны зохион байгуулалт нэгдмэл мэт мэдрэгдэх болно.
- Палетт үүсгэх – нэг гол өнгөнөөс эхэлж, төслийн хувьд бүрэн нөхөж болох эсвэл аналог схемийг үүсгэнэ үү.
- Хэвлэмэл болон чимэглэл – будгийг холих эсвэл хэвлэх профайлыг тохируулахаасаа өмнө RGB-ийн зөв утгыг олохын тулд лавлах зургийн дээжийг ашиглана уу.
- CSS загварчлал – палитрын хувьсагчдыг шууд a руу экспортлох
:rootшууд загварын хуудас руу оруулах блок.
Байнга асуудаг асуултууд
#3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), болон HSV (hsv(216, 73%, 84%)). Үүнийг шууд хуулахын тулд дурын талбар дээр дарна уу.:root { } палитрын өнгө бүрийг CSS-ийн өөрчлөн тохируулсан шинж чанар болгон агуулсан блок (жишээ нь --color-1: #3a7bd5;). Та үүнийг өөрийн загварын хуудас руу шууд буулгаж, төслийнхөө туршид хувьсагчдыг лавлаж болно.