Rang tanlash
Bitta rang, barcha kodlar va u nima bilan yarashishi.
hex, rgb(), hsl() yoki CSS rang nomini yozing — hammasi qabul qilinadi.
- hex
- rgb
- hsl
- hsv
- cmyk
- lab
- lch
- oklch
Uning ustida matn o‘qiladimi
Yorug‘roq va to‘qroq
Nima bilan yarashadi
Komplementar — qarama-qarshisi
Qo‘shni — yonidagilar
Triada — doiraning uchdan biridan
Bo‘lingan komplementar — qarama-qarshining ikki yonidan
Rangni tanlang, yozing yoki ekrandan pipetka bilan oling — barcha kodlar darhol chiqadi: hex, RGB, HSL, HSV, CMYK, LAB, LCH va OKLCH. Pastda: shu rang ustida matn o‘qiladimi, yorug‘ va to‘q pog‘onalar qatori hamda u bilan yarashadigan ranglar. Nusxalash uchun istalgan joyni bosing.
Qanday ishlatiladi
- Rangni tanlang yoki hex, rgb(), hsl() yoxud CSS rang nomini qo‘ying.
- Vositangiz so‘ragan kodni bosing — u nusxalanadi.
- Pastda pog‘onalar, yarashadigan ranglar va matn o‘qilishini ko‘ring.
Nega aynan shu vosita
To'liq maxfiylik
Hammasi brauzer ichida ishlaydi. Fayllaringiz va matningiz hech qachon serverga yuborilmaydi.
Bepul va cheklovsiz
Ro'yxatdan o'tish shart emas, suv belgisi yo'q, foydalanish soniga cheklov yo'q.
Bir zumda natija
Yuklash va navbat kutish kerak emas — natija qurilmangiz imkoni qadar tez chiqadi.
Har qanday qurilmada
Telefon, planshet yoki kompyuterdagi istalgan zamonaviy brauzerda ishlaydi. O'rnatish shart emas.
Ko'p beriladigan savollar
- Qaysi formatni tanlagan ma’qul?
- CSS va grafik dasturlar uchun hex — u eng qisqa va hamma joyda tushunarli. Uchta raqam so‘ralgan joyda RGB. Rangni qo‘lda sozlamoqchi bo‘lsangiz HSL: bitta raqamni o‘zgartirish aynan bitta oldindan aytib bo‘ladigan ishni qiladi. CMYK faqat bosma uchun va faqat boshlang‘ich nuqta sifatida. Zamonaviy CSS yozayotgan bo‘lsangiz OKLCH: bu shunday format-ki, unda “yorug‘roq qilish” bir vaqtning o‘zida “boshqacha qilish” degani emas.
- OKLCH nima va u nega bu yerda?
- Rangni tasvirlashning yangiroq usuli bo‘lib, undagi raqamlar ko‘z ko‘radigan narsaga mos keladi. HSL da bir xil yorug‘likdagi ikki rang butunlay boshqacha ko‘rinishi mumkin: 50% dagi sariq 50% dagi ko‘kdan ancha yorug‘roq tuyuladi. OKLCH buni tuzatadi — shuning uchun uni CSS qabul qildi va shuning uchun unda yig‘ilgan palitralar tekis ko‘rinadi. Brauzerlar uni 2023-yildan qo‘llab-quvvatlaydi.
- CMYK ga o‘girish aniqmi?
- Bu standart formula va uni ko‘pchilik onlayn vositalar ham beradi — lekin mutlaqo aniq formula mavjud emas. Haqiqiy CMYK mashina, bo‘yoq va qog‘ozga bog‘liq; aynan buni ICC profil tasvirlaydi. Bu raqamlardan shaklni to‘ldirish yoki bosmaxona bilan suhbatni boshlash uchun foydalaning, muhim narsani bosishdan oldin esa namuna so‘rang.
- Ekrandagi boshqa joydan rang olsa bo‘ladimi?
- Chrome va Edge da — ha: “Ekrandan olish” tugmasi istalgan pikselni, jumladan brauzerdan tashqaridagini ham oladi. Firefox va Safari buni amalga oshirmagan, shuning uchun u yerda tugma shunchaki bo‘lmaydi. Sahifa brauzer yordamisiz ekraningizni ko‘ra olmaydi va buni hech qanday ayyor kod o‘zgartirmaydi.
- Kontrast raqamlari nimani bildiradi?
- Rangingiz bilan oq yoki qora orasidagi nisbat, 1:1 dan 21:1 gacha. Asosiy matnga WCAG AA uchun 4,5:1, yirik matn va nishonchalarga 3:1 kerak. Rasmiy talablar sizga tegishli bo‘lmasa ham tekshirgan ma’qul: nisbat taxminan 3:1 dan past bo‘lganda ko‘p odamlarga oddiy kunduz yorug‘ida ham o‘qish haqiqatan qiyin.
- Biror narsa qayerdadir yuboriladimi?
- Yo‘q. Bu yerdagi barcha o‘girishlar — brauzeringizda bajariladigan arifmetika. Na yuklash, na so‘rov, na hisob: sahifa tarmoq o‘chirilgan holda ham ishlaydi.