Ranglar palitrasi va kontrast tekshirgichi: foydalanish tartibi
- 1
Rangdan boshlang
Asosiy rangni yozing yoki tanlang, soʻng analogik, triada yoki boʻlingan toʻldiruvchi kabi uygʻunlikni tanlang — yoki tasodifiy palitrani aralashtiring.
- 2
Qulflang va aniqlang
Qayta aralashtirishdan oldin yoqqan ranglarni qulflang, istalgan rangni bevosita tahrirlang yoki fotosuratdan beshta asosiy rangni oling.
- 3
Oʻqilishini tekshiring
Matn va fon juftligini WCAG 2.2 AA va AAA boʻyicha sinash uchun “Kontrast”ni oching, tavsiya etilgan tuzatishni qoʻllang va palitrani rang koʻrlik uchun koʻrib chiqing.
- 4
Eksport qiling
50–950 tuslari bilan CSS oʻzgaruvchilari, Tailwind v4 mavzusi yoki v3 konfiguratsiyasi, SCSS yoxud JSON ni nusxalang yoki PNG namunani yuklab oling.
Cheklovlar va Pro
Hammasi bepul: 5 rangli palitralar, 6 ta uygʻunlik, cheksiz aralashtirish va eksport, ranglarni olish uchun 50 MB gacha rasmlar, 1600 piksel kenglikdagi PNG namuna.
Ranglar palitrasi va kontrast tekshirgichi haqida
Ranglar palitrasi generatori besh rangli sxema va dizayn tizimiga uning atrofida kerak boʻladigan hamma narsani tuzadi. Uygʻunliklar asosiy tusni HSL rang gʻildiragida aylantiradi: analogik ikki tomonga 30° dan qadam tashlaydi, toʻldiruvchi qarama-qarshi tusni qoʻshadi, boʻlingan toʻldiruvchi qarama-qarshining yonidagi ikki tusni oladi, triada uchta tusni 120° oraliqda, tetrada 90° li kvadratni joylashtiradi, monoxrom esa bitta tusni besh xil yorugʻlikda saqlaydi. Tasodifiy rejim qulflangan ranglarga tegmaydi, rasm rejimi esa fotosurat piksellarini OKLab da guruhlab, eng koʻp uchraydigan beshta aniq farqli rangni topadi.
Har bir rang uchun “Tuslar” yorligʻi OKLCH da 50–950 lik 11 pogʻonali shkala yaratadi, unda sizning rangingizga eng yaqin pogʻona aynan shu qiymat boʻladi, yoki Material 3 HCT tizimining 13 tonini hamda Material mavzusi hosil qiladigan beshta asosiy palitrani beradi. Kontrast tekshirgichi WCAG 2.2 yorqinlik formulasidan foydalanadi, nisbatni hech qachon yuqoriga yaxlitlamaydi va tusni saqlagan holda faqat yorugʻlikni oʻzgartirib, talabdan oʻtadigan eng yaqin rangni taklif qiladi. Jadvalda palitradagi har bir juftlikning oq va qora bilan birga nisbati koʻrinadi.
Simulyatsiyalar Machado matritsalari bilan protanopiya, deyteranopiya, tritanopiya va axromatopsiyani qamrab oladi hamda bir-biriga qoʻshilib ketadigan ranglarni belgilaydi. Eksportda ranglar tusiga qarab inglizcha nom oladi, ularni oʻzingiz qayta nomlashingiz mumkin. Vosita ranglar brendga mos kelish-kelmasligini baholamaydi, simulyatsiyalar esa rang koʻrishida nuqsoni bor odamlar qanday koʻrishini faqat taxminan koʻrsatadi va ular bilan sinovni almashtira olmaydi.
Maxfiylik
Barcha rang hisoblari, kontrast tekshiruvlari va rasm tahlili shu oynada bajariladi: ranglar uchun olingan fotosurat diskingizdan kichik canvas ga oʻqiladi va hech qachon yuklanmaydi. Nusxalangan havola palitrani qayta ochishi uchun u sahifa manzilida saqlanishi mumkin; serverda hech narsa saqlanmaydi.
Imkoniyatlar
Oltita uygʻunlik va rasm ranglari
Bitta asosiy rangdan analogikdan tetradagacha, qulflar bilan tasodifiy aralashtirish yoki fotosuratning asosiy ranglari.
Tuzatishli WCAG 2.2 kontrasti
Oddiy va yirik matn hamda interfeys grafikasi uchun AA va AAA, talabdan oʻtadigan eng yaqin rang bir bosishda.
Dasturchiga tayyor eksport
HEX, RGB, HSL yoki OKLCH da CSS oʻzgaruvchilari, Tailwind v4 va v3, SCSS va JSON hamda PNG namuna.