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.