CSS gradient generatori
Oʻrtasida kulrangga aylanmaydigan gradient yasash.
CSS
background: linear-gradient(90deg, #f27d14, #d7783f, #bc7354, #a26c63, #88656e, #6e5c77, #54537e, #3a4885, #1e3a8a);
Koʻkni sariqqa oddiy yoʻl bilan aralashtiring — oʻrtasi loyqa kulrang boʻladi, chunki RGB da ular orasidagi toʻgʻri chiziq fazoning toʻyingan qismidan chiqib ketadi. OKLab orqali oʻtish uni aylanib oʻtadi. Ikkala variant yonma-yon koʻrsatilgan, shunda farqni ishonch bilan emas, koʻz bilan bilib olasiz.
Qanday ishlatiladi
- Ikkita rangni tanlang.
- Burchakni belgilang va ikki oʻtishni solishtiring.
- CSS ni nusxalang.
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
- Nega CSS da toʻqqizta rang bor?
- Chunki brauzer nima bersangiz ham sRGB da aralashtiradi. Oʻrtasini aniq yozib qoʻyish — barcha brauzerlarni OKLab yoʻlidan yurishga majburlashning yagona usuli, faqat rang fazosi koʻrsatmasini tushunadigan eng yangilarini emas.
- sRGB qachon yomon koʻrinadi?
- Ranglar tus boʻyicha uzoq boʻlganda, ayniqsa koʻk va sariq, qizil va yashil kabi qarama-qarshilarida. Bir rangning ikki tusi ikkala holatda ham deyarli bir xil koʻrinadi.
- Ikkitadan koʻp rang boʻladimi?
- Hozircha yoʻq. Ikkita gradient yasab CSS ni qoʻlda ulang yoki oʻrtadagi rangni birining oxiri va keyingisining boshi qilib qoʻying.
O'xshash vositalar
Rang aralashtirish
Ikki rangni istalgan nisbatda aralashtiring va natijani hex da nusxalang. Hammasi brauzerda hisoblanadi, hech narsa hech qayerga yuborilmaydi.
Palitra generatori
Bir-biriga yarashadigan beshta rang. Yaxshilarini qulflang, qolganini qaytadan.
Ochiq va toʻq ranglar
Bitta rangdan ochiqdan toʻqqacha toʻliq shkala yasash.
Rang tanlash
Bitta rang, barcha kodlar va u nima bilan yarashishi.
Rang palitralari
O‘g‘irlashga arziydigan palitralar, kayfiyat bo‘yicha saralangan.
Rasmdan rang olish
Rasmdan istalgan rangni yoki butun palitrani olish.
SVG dan PNG ga
Vektorni kerakli har qanday o‘lchamdagi rasmga aylantirish.