Asosiy qismga oʻtish

Rasmdan rangni aniqlash

Rasmning istalgan joyini bosib, HEX, RGB, HSL va OKLCH qiymatlarini oling va palitra ajrating; rasm qurilmangizda tahlil qilinadi.

Rang tanlash uchun rasmni shu yerga tashlangyoki tanlash uchun bosing · skrinshotni Ctrl+V bilan qoʻying
Rasmni tanlangQurilmangizda qayta ishlanadi — hech qayerga yuklanmaydi
Brauzeringizda ishlaydi · yuklanmaydiQanday ishlaydi

Rasmdan rang tanlash: foydalanish tartibi

  1. 1

    Rasmni oching

    25 MB gacha boʻlgan skrinshot, surat yoki logotipni — JPG, PNG, WebP, AVIF, HEIC, GIF yoki SVG — tashlang, tanlang yoki joylashtiring.

  2. 2

    Lupa bilan moʻljal oling

    Kursorni rasm ustida yurgizing yoki barmogʻingiz bilan suring; 11 × 11 pikselli lupa nishon ostidagi aniq pikselni va uning HEX kodini koʻrsatadi.

  3. 3

    Tanlash uchun bosing

    HEX, RGB, HSL va OKLCH qiymatlarini oling, har birining oʻz nusxalash tugmasi bor. Strelkalar nishonni suradi, Enter tanlaydi.

  4. 4

    Palitrani oling

    5 dan 12 tagacha asosiy rangni tanlang va ularni CSS oʻzgaruvchilari, JSON yoki Tailwind mavzu bloki sifatida nusxalang.

Cheklovlar va Pro

Bir vaqtda bitta rasm, 25 MB gacha — cheksiz tanlov, 5–12 rangli palitra va 24 rangli tarix bilan.

Pro 4 GB gacha boʻlgan rasmlardan rang olish imkonini beradi. Pro tarifini koʻrish

Rasmdan rang tanlash haqida

Rasmdan rang aniqlash vositasi suratdagi istalgan pikselning aniq qiymatini oʻqiydi va butun rasmdan palitra yasaydi. Har bir tanlov rangni toʻrt xil yozuvda beradi: dizayn dasturlari uchun HEX, CSS uchun rgb() va hsl(), zamonaviy CSS uchun esa yorugʻlik va toʻyinganlik koʻz kutgandek oʻzgaradigan oklch(). Tanlangan ranglar oxirgi 24 ta rangdan iborat tarixga tushadi va keyingi safar ham shu brauzerda turadi; kompyuterdagi Chrome va Edge da “Ekrandan tanlash” brauzer pipetkasi orqali sahifadan tashqaridagi istalgan rangni ham oladi.

Palitra uzun tomoni koʻpi bilan 200 piksel qilib kichraytirilgan nusxada OKLab rang fazosidagi k-means klasterlash bilan hisoblanadi. Oʻxshash klasterlar birlashtiriladi, shaffof piksellar hisobga olinmaydi, ranglar esa rasmning qancha qismini egallashiga qarab saralanadi, har bir namunada ulushi yozilgan. Bir xil rasm har doim bir xil palitra beradi.

Dizaynerlar undan logotipdagi brend rangini topish, suratdan mavzu yasash, skrinshotdagi tugmaning aniq rangini tekshirish yoki ilhom taxtasi yigʻish uchun foydalanadi. Qiymatlar brauzeringiz rasmni qanday koʻrsatsa, shu standart sRGB da, shuning uchun JPG nuqsonlari yoki keng gamutli manba tanlovni asl dizayn faylidan bir necha birlikka siljitishi mumkin. Yarim shaffof piksellar rangni shaffofliksiz koʻrsatadi, vosita ranglarga nom bermaydi va kontrast nisbatini tekshirmaydi.

Maxfiylik

Rasm shu varaqda ochiladi va oʻqiladi, palitra klasterlash esa rasm ochilgandan keyin yaratiladigan kichik Web Worker da bajariladi; hech narsa serverga yuklanmaydi. Ranglar tarixingiz faqat shu brauzerning lokal xotirasida saqlanadi, “Ekrandan tanlash” esa brauzeringizning ichki pipetkasidan foydalanadi, u sahifaga faqat tanlangan bitta rangni beradi.

Imkoniyatlar

Pikselgacha aniq lupa

Sichqoncha va sensorli ekranda aniq tanlash uchun klaviatura bilan suriladigan 11 × 11 pikselli lupa.

Asosiy ranglar palitrasi

OKLab dagi k-means boʻyicha 5–12 rang, rasmdagi ulushiga qarab saralangan.

Dasturchilar uchun eksport

HEX, RGB, HSL va OKLCH qiymatlari hamda CSS oʻzgaruvchilari, JSON yoki Tailwind @theme bloki.

Ranglar tarixi

Oxirgi 24 ta tanlovingiz shu brauzerda turadi va roʻyxat qilib nusxalashga tayyor.

Rasmdan rang tanlash: koʻp beriladigan savollar

Rasmdagi rangning HEX kodini qanday olaman?
Rasmni oching, lupa nishoni kerakli piksel ustiga tushguncha kursorni olib boring va bosing. HEX kodi “Tanlangan rang” panelida RGB, HSL va OKLCH bilan birga katta qilib chiqadi; istalgan qiymat yonidagi nusxalash tugmasini bosing. Telefonda barmogʻingizni rasm boʻylab suring va lupada koʻrinib turgan pikselni tanlash uchun qoʻyib yuboring.
OKLCH nima va undan nega foydalanish kerak?
OKLCH rangni yorugʻlik, xroma (toʻyinganlik) va tus orqali tasvirlaydi; u koʻzga teng farqli koʻrinadigan qadamlar uchun yaratilgan OKLab modeliga asoslangan. Faqat yorugʻlikni oʻzgartirish tusni barqaror saqlaydi, shuning uchun och-toʻq variantlar va qulay mavzularni HSL ga qaraganda osonroq quriladi. Hozirgi barcha brauzerlar CSS dagi oklch() ni qoʻllab-quvvatlaydi, Tailwind CSS 4 standart palitrasida undan foydalanadi.
Rang palitrasi qanday hisoblanadi?
Rasm uzun tomoni koʻpi bilan 200 piksel qilib kichraytiriladi, shaffof piksellar tashlab yuboriladi, qolganlari esa OKLab fazosida k-means klasterlash bilan guruhlanadi — guruhlar xom RGB raqamlariga emas, ranglarning koʻrinishiga mos keladi. Deyarli bir xil boʻlib qolgan klasterlar birlashtiriladi. Har bir namuna rasmdagi ulushini koʻrsatadi, natijani CSS, JSON yoki Tailwind qilib eksport qilish mumkin.
Rasmdan tashqaridagi rangni ham tanlasa boʻladimi?
Kompyuterdagi Chrome, Edge va Opera da ha: “Ekrandan tanlash”ni bosing va displeyning istalgan joyini, boshqa oyna va ilovalarni ham bosing. Rang boshqa tanlovlar kabi panelga va tarixga qoʻshiladi. Safari, Firefox va mobil brauzerlarda bunday pipetka hozircha yoʻq, shuning uchun skrinshot oling, uni Ctrl+V yoki Cmd+V bilan joylashtiring va undan tanlang.
Nega tanlangan rang dizayn faylimdagidan biroz farq qiladi?
JPG va WebP siqish piksel qiymatlarini, ayniqsa chetlar va gradiyentlarda, biroz oʻzgartiradi, Display P3 dagi keng gamutli rasm esa sRGB da koʻrsatiladi va shu holda oʻqiladi. Eng aniq qiymat uchun lupada kattalashtirib, chetlardan uzoqdagi tekis joydan tanlang. Aniq brend ranglari uchun siqilgan surat yoki skrinshot emas, PNG eksportdan rang oling.
Barcha rasm vositalari