Sarlavha

Rang tanlagich

Yuklash uchun tashlang, joylashtiring (Ctrl+V) yoki bosing

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Ranglarni tanlash uchun rasm yuklang

Yoki namunani sinab ko'ring:

1-namuna
2-namuna
3-namuna
— Rang tanlash uchun rasmni bosing

Ranglar palitrasi

Ranglar: 3

Rang tanlash va ajratib olish vositasi – Bepul onlayn vosita

Bizning bepul onlayn rang ajratgichimiz sizga bir marta bosish orqali fotosuratdan istalgan rangni tanlash imkonini beradi — o'rnatish uchun hech qanday dasturiy ta'minot va hisob qaydnomasi talab qilinmaydi. Rasmingizni yuklang, kattalashtirish uchun sichqoncha kursorini olib boring, istalgan pikselni bosing va uning HEX, RGB, HSL va HSV qiymatlarini darhol ko'ring, so'ngra tanlagan rangingizdan to'liq rang palitrasini yarating. Natijalarni istalgan vaqtda yuklab oling.

Suratdan ranglarni qanday tanlash mumkin

1
Rasmingizni yuklang

Panelga rasm qo'ying, ustiga bosing Surat yuklash, yoki Ctrl+V tugmalari bilan joylashtiring. JPEG, PNG, WebP, HEIC GIF ni qo'llab-quvvatlaydi.

2
Rang tanlash uchun bosing

Kattalashtirgich bilan kattalashtirish uchun rasm ustiga kursorni olib keling, so'ngra piksel rangini olish uchun istalgan joyga bosing. HEX, RGB, HSL va HSV qiymatlari darhol paydo bo'ladi.

3
Palitrani nusxalash yoki yaratish

Uni buferga nusxalash, ranglarni keyinroq foydalanish uchun saqlash yoki to'liq rang palitrasini yaratish va uni CSS o'zgaruvchilari yoki PNG namunaviy tasmasi sifatida eksport qilish uchun istalgan qiymat maydonini bosing.

Asosiy xususiyatlar

  • To'rtta rang formati – tanlangan rangni istalgan qiymat maydoniga bir marta bosish orqali HEX, RGB, HSL va HSV formatlarida ko'ring va nusxalang.
  • Piksel aniqlikdagi kattalashtiruvchi – aylana shaklidagi zum linzasi kursoringizni kuzatib boradi, shunda siz kerakli pikselni aniq belgilashingiz mumkin.
  • 8 xil palitra – 3–10 ta namunadan iborat analog, komplementar, triadik, tetradik, split-complementar, monoxromatik, soyalar yoki tintlar palitralarini yarating.
  • Eksport parametrlari – barcha palitra HEX kodlarini birdaniga nusxalash, PNG namunaviy tasmasini yuklab olish yoki palitrani CSS maxsus xususiyatlari sifatida eksport qilish (:root o'zgaruvchilar).
  • Saqlangan ranglar – istalgan rangni brauzeringizda saqlangan shaxsiy saqlangan ranglar paneliga xatcho'plar bilan qo'shing; xohlagan vaqtda ularni o'chiring.
  • HEIC qo'llab-quvvatlashi – HEIC/HEIF formatidagi iPhone fotosuratlari rang tanlashdan oldin avtomatik ravishda o'zgartiriladi.
  • Brauzeringizda to'liq ishlaydi – Rasmlaringiz hech qachon biron bir serverga yuklanmaydi.
  • Bepul va cheksiz – ro'yxatdan o'tish yo'q, suv belgilari yo'q, cheklovlar yo'q.

Rang chiqaruvchi nima?

Rang ajratgich (yoki tasvir rang tanlagichi) - bu fotosuratdagi istalgan pikselning aniq rangini o'qiydigan va uni dizayn va ishlab chiqishda ishlatiladigan standart rang kodlariga o'zgartiradigan vositadir. Rangni ko'z bilan ko'rish yoki qiymatlarni qo'lda kiritish o'rniga, siz shunchaki qiziqqan joyni bosasiz va vosita siz uchun konversiyani amalga oshiradi - ekraningizda ko'rsatiladigan xom RGB qiymatlaridan tortib, grafik dizayn ish oqimlarida ishlatiladigan HSL va HSV tasvirlarigacha.

Rang palitrasi generatori buni bir qadam oldinga olib boradi: asosiy rangni tanlaganingizdan so'ng, u CSS, Figma yoki har qanday dizayn vositasida to'g'ridan-to'g'ri foydalanishga tayyor uyg'un rang sxemalarini yaratish uchun rang nazariyasini qo'llaydi.

Umumiy foydalanish

  • Brend rangini ajratib olish – veb-sayt yoki dizayn tizimida izchil foydalanish uchun logotip yoki brend fotosuratidan aniq HEX kodlarini oling.
  • Veb va UI dizayni – maketingiz uyg'un ko'rinishi uchun ranglarni mahsulot tasviri yoki qahramon fotosurati bilan moslashtiring.
  • Palitra yaratish – bitta asosiy rangdan boshlang va loyiha uchun to'liq qo'shimcha yoki o'xshash sxema yarating.
  • Chop etish va illyustratsiya – bo'yoqni aralashtirishdan yoki bosma profilni sozlashdan oldin aniq RGB qiymatlarini topish uchun namunaviy fotosuratlar.
  • CSS mavzulari – palitra o'zgaruvchilarini to'g'ridan-to'g'ri a ga eksport qilish :root to'g'ridan-to'g'ri uslublar jadvaliga tushirish uchun blok.

Tez-tez so'raladigan savollar

Ha, vosita 100% bepul va foydalanish cheklovlari yo'q. Siz hisob yaratishingiz yoki biron bir to'lov ma'lumotlarini taqdim etishingiz shart emas.
Yo'q. Barcha ishlov berish HTML5 Canvas API yordamida brauzeringiz ichida to'liq amalga oshiriladi. Tasviringiz hech qachon biron bir serverga yuborilmaydi, shuning uchun maxfiyligingiz to'liq himoyalangan.
Asbob tanlangan rangni bir vaqtning o'zida to'rtta formatda ko'rsatadi: HEX (masalan, #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), va HSV (hsv(216, 73%, 84%)). Uni darhol nusxalash uchun istalgan maydonni bosing.
Kursorni rasm ustiga olib borganingizda, kursor yonida atrofdagi piksellarning kattalashtirilgan ko'rinishini ko'rsatuvchi dumaloq kattalashtiruvchi paydo bo'ladi. Bu, ayniqsa, mayda detallarga yoki nozik rang o'tishlariga ega fotosuratlarda kerakli aniq pikselni aniqlash va bosishni osonlashtiradi.
Asosiy rangni o'rnatish uchun rasmingizdagi istalgan pikselni bosing, so'ngra pastga aylantiring Ranglar palitrasi bo'lim. Palitra turini tanlang (Analog, Komplementar, Triadik va boshqalar) va 3–10 ta namunani tanlash uchun hisoblash slayderini torting. Palitra darhol yangilanadi. Foydalanish Ranglarni nusxalash, PNG yuklab olish, yoki CSS ni eksport qilish natijadan foydalanish uchun.
CSS nusxalarini eksport qilish :root { } har bir palitra rangini CSS maxsus xususiyati sifatida o'z ichiga olgan blok (masalan, --color-1: #3a7bd5;). Buni to'g'ridan-to'g'ri uslublar jadvalingizga joylashtirishingiz va loyihangiz davomida o'zgaruvchilarga murojaat qilishingiz mumkin.
Ha. HEIC va HEIF fayllari tasvir ko'rsatilishidan oldin brauzeringizda avtomatik ravishda JPEG formatiga o'zgartiriladi. Konvertatsiya paytida yuklanish indikatori paydo bo'ladi va serverlarimizga hech qanday fayllar yuborilmaydi.