Ikki rangni onlayn qanday aralashtiraman?

Birinchi va ikkinchi rangni kiriting, surgich bilan ikkinchisining ulushini belgilang va natijani bosing: hex almashuv buferiga nusxalanadi. Rangni hex, rgb(), hsl() yoki nomi bilan kiritish mumkin.

Koʻk va sariqni aralashtirsa qanday rang chiqadi?

Ekranda yashil emas: sRGB da kulrang #808080, OKLab da och havorang #6cabc7 chiqadi. Yashil rang boʻyoqlarda hosil boʻladi, chunki pigmentlar yorugʻlikni yutadi, ekran esa uni qoʻshadi.

Nega qizil va yashil sariq beradi?

Yorugʻlik shunday qoʻshiladi. Teng ulushda OKLab da tillarang-sariq #d0a800, sRGB da zaytunrang #808000 chiqadi. Boʻyoqlarda esa shu ikki rang jigarrang beradi.

Nega aralashtirishning ikki usuli bor?

sRGB — koʻp kod qiladigan narsa, kanal boʻyicha oʻrtachalash esa yoʻlda toʻqroq va kamroq toʻyingan qiymatlardan oʻtadi. OKLab teng qadamlar teng koʻrinadigan qilib qurilgan, shuning uchun aralashma oʻzi kelib chiqqan ranglar kabi yorqin qoladi.

Boʻyoqlar ham shunday aralashadimi?

Yoʻq. Boʻyoqlar subtraktiv aralashadi, shuning uchun koʻk va sariq qogʻozda yashil, ekranda esa kulrang beradi. Bu yerda yorugʻlik aralashadi, ekran ham shunday qiladi.

Ikkitadan koʻpini aralashtirsa boʻladimi?

Ikkitasini aralashtiring, natijani nusxalang va uni uchinchisi bilan aralashtiring. Tartib javobni oʻzgartiradi, xuddi boʻyoqdagidek.

Ranglar

Rang aralashtirish

Ikki rangni istalgan nisbatda aralashtiring va natijani hex da nusxalang. Hammasi brauzerda hisoblanadi, hech narsa hech qayerga yuborilmaydi.

Birinchi rang

Ikkinchi rang

Aralashma: ikkinchi rangdan 50%

Qaysi fazo orqali

OKLab — tekis, rangini yoʻqotmaydi sRGB — CSS sukut boʻyicha shunday qiladi

sRGB ikki rang orasiga toʻgʻri chiziq tortadi, qarama-qarshi tuslar uchun esa u kulrang orqali oʻtadi. OKLab uni aylanib oʻtadi va toʻyinganligini saqlaydi.

Natija

Ikki rangni qizil, yashil va koʻkini oʻrtachalab aralashtirishning ravshan usuli odatda ikkalasidan ham toʻqroq va kulrangroq natija beradi. OKLab da aralashtirish yorqinlikni kutilgan joyda ushlab turadi. Ikkalasi ham shu yerda, farq nimaga tushishini koʻrasiz.

Aralashma qanday hisoblanadi

Rangni hex (#f27d14 yoki qisqa #f80), rgb() yoki hsl() koʻrinishida, red kabi CSS nomi bilan kiritish yoki maydon yonidagi palitradan tanlash mumkin. Surgich ikkinchi rangning ulushini 0 dan 100% gacha, 1% qadam bilan belgilaydi, natija esa tugmasiz, darhol qayta hisoblanadi. sRGB rejimida har bir kanal — qizil, yashil va koʻk — 0 dan 255 gacha boʻlgan ikki qiymatning shu ulushdagi oʻrtachasi sifatida olinadi. Sukut boʻyicha yoqilgan OKLab rejimida ikkala rang avval OKLab fazosiga oʻtkaziladi, u yerda teng qadamlar koʻzga teng koʻrinadi; yorqinlik va ikki rang kanali oʻsha yerda oʻrtachalanadi, natija esa qaytarib oʻtkaziladi. Farq shundan: koʻk #0000ff va sariq #ffff00 teng ulushda sRGB da kulrang #808080, OKLab da esa havorang #6cabc7 beradi. Namunani bosish hex ni almashuv buferiga nusxalaydi.

Cheklovlar

Faqat ikki rang aralashtiriladi; uchinchisini qoʻshish uchun natijani u bilan aralashtiring. Natija faqat hex da nusxalanadi. #rrggbbaa yoki rgba() dagi shaffoflik tashlab yuboriladi, shuning uchun aralashma doim noshaffof. Ulush butun foizlarda belgilanadi. Bu boʻyoqlarni emas, ekrandagidek yorugʻlikni aralashtirish: pigmentlar uchun RYB yoki CMYK modeli yoʻq. OKLab dan qaytarishda sRGB chegarasidan chiqqan kanallar 0–255 oraligʻiga kesiladi.

Qanday ishlatiladi

Ikkala rangni kiriting.
Nisbatni surgich bilan belgilang.
Nusxalash uchun natijani bosing.

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

Ikki rangni onlayn qanday aralashtiraman?: Birinchi va ikkinchi rangni kiriting, surgich bilan ikkinchisining ulushini belgilang va natijani bosing: hex almashuv buferiga nusxalanadi. Rangni hex, rgb(), hsl() yoki nomi bilan kiritish mumkin.
Koʻk va sariqni aralashtirsa qanday rang chiqadi?: Ekranda yashil emas: sRGB da kulrang #808080, OKLab da och havorang #6cabc7 chiqadi. Yashil rang boʻyoqlarda hosil boʻladi, chunki pigmentlar yorugʻlikni yutadi, ekran esa uni qoʻshadi.
Nega qizil va yashil sariq beradi?: Yorugʻlik shunday qoʻshiladi. Teng ulushda OKLab da tillarang-sariq #d0a800, sRGB da zaytunrang #808000 chiqadi. Boʻyoqlarda esa shu ikki rang jigarrang beradi.
Nega aralashtirishning ikki usuli bor?: sRGB — koʻp kod qiladigan narsa, kanal boʻyicha oʻrtachalash esa yoʻlda toʻqroq va kamroq toʻyingan qiymatlardan oʻtadi. OKLab teng qadamlar teng koʻrinadigan qilib qurilgan, shuning uchun aralashma oʻzi kelib chiqqan ranglar kabi yorqin qoladi.
Boʻyoqlar ham shunday aralashadimi?: Yoʻq. Boʻyoqlar subtraktiv aralashadi, shuning uchun koʻk va sariq qogʻozda yashil, ekranda esa kulrang beradi. Bu yerda yorugʻlik aralashadi, ekran ham shunday qiladi.
Ikkitadan koʻpini aralashtirsa boʻladimi?: Ikkitasini aralashtiring, natijani nusxalang va uni uchinchisi bilan aralashtiring. Tartib javobni oʻzgartiradi, xuddi boʻyoqdagidek.

Rang aralashtirish

Aralashma qanday hisoblanadi

Cheklovlar

Qanday ishlatiladi

Nega aynan shu vosita

To'liq maxfiylik

Bepul va cheklovsiz

Bir zumda natija

Har qanday qurilmada

Ko'p beriladigan savollar

O'xshash vositalar

Ochiq va toʻq ranglar

CSS gradient generatori

Rang tanlash

Palitra generatori

Rasmdan rang olish

Kontrastni tekshirish

Favikon generatori