Asosiy qismga o'tish

CSS gradient generatori

Oʻrtasida kulrangga aylanmaydigan gradient yasash.

Qaysi fazo orqali

Ikkita emas, toʻqqizta nuqta yoziladi, shunda har bir brauzer bir xil yoʻldan boradi, oʻzicha sRGB da aralashtirmaydi.

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

  1. Ikkita rangni tanlang.
  2. Burchakni belgilang va ikki oʻtishni solishtiring.
  3. 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